/*7.1 Review Changes User Tag Feroz=F Vijay=V Jaiwin=J*/ /*--------------------[Please use this css to customization]--------------------*/ @import url("componentsLight.css"); /*--------------------[Please use this css to customization]--------------------*/ #full-page-container th.accordionHead1{ background:#fbfbfb !important;background-image:none!important;font-size:13px !important;font-weight:600;padding-left:0px !important} #full-page-container, #full-page-container .jspContainer{ height:100% !important; } #full-page-container { } #full-page-container p, #full-page-container li, #full-page-container table, #full-page-container table td, #full-page-container ol, #full-page-container ol li{ font-weight:400; font-size:12px;line-height:1.7em; } i { font-style:italic; } #full-page-container table{ border-collapse:initial !important; border-spacing:0px !important; } #full-page-container table.helpBody{ padding:0px; border-spacing:0px !important; } #full-page-container table th.accordionHead1{ padding:0px; border-spacing:0px !important; } #full-page-container > table th, #full-page-container > table td{ padding:4px; border-spacing:0px !important; } #full-page-container b p{font-weight:600;line-height:1.7em;} #full-page-container p, #full-page-container ol, #full-page-container ul { margin:10px; } #full-page-container b, #full-page-container p b { font-weight:600;line-height:1.7em; } #full-page-container ol li{ list-style:decimal !important; margin-left:25px; } #full-page-container ol li ul li{ list-style-type:circle !important; margin-left:25px; } #full-page-container table tr td ul li{ list-style:disc !important; margin-left:25px; } #full-page-container table tr td ol li ul li{ list-style:circle !important; margin-left:25px; } /*--- Webkit scrollbar style ---*/ /* ::-webkit-scrollbar-track { background: -webkit-gradient(linear, left top, right top, color-stop(0%,#bdbdbd), color-stop(29%,#a5a4a4), color-stop(86%,#dadada), color-stop(100%,#a5a4a4)); background: -webkit-linear-gradient(left, #bdbdbd 0%,#c4c4c4 29%,#dadada 86%,#a5a4a4 100%); } ::-webkit-scrollbar-track:horizontal{ background: -webkit-gradient(linear, top left, bottom left, color-stop(0%,#bdbdbd), color-stop(29%,#a5a4a4), color-stop(86%,#dadada), color-stop(100%,#a5a4a4)); background: -webkit-linear-gradient(top, #bdbdbd 0%,#c4c4c4 29%,#dadada 86%,#a5a4a4 100%); } ::-webkit-scrollbar{ width:8px; height:9px; background-color:#e1e1e1; -webkit-border-radius:5px; } ::-webkit-scrollbar-thumb:horizontal{ background:#5f5f5f; border: 1px solid rgba(0, 0, 0, 0.0); -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius:5px; } ::-webkit-scrollbar-thumb:vertical{ background:#5f5f5f; border: 1px solid rgba(0, 0, 0, 0.0); -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius:5px; } */ ::-webkit-scrollbar-track { background:transparent; } ::-webkit-scrollbar-track:horizontal{ background:transparent; } ::-webkit-scrollbar{ width:10px; height:10px; background:transparent; -webkit-border-radius:0px; border-radius:0px; } ::-webkit-scrollbar-thumb:horizontal{ background:#bababa; border:3px solid rgba(0, 0, 0, 0.0); -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius:5px; border-radius:5px; } ::-webkit-scrollbar-thumb:vertical{ background:#bababa; border:3px solid rgba(0, 0, 0, 0.0); -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius:5px; border-radius:5px; } .transparent { filter:alpha(opacity=50); opacity: 0.50; } /*--- end Webkit scrollbar style ---*/ #logotabset-innerCt, #tabset-innerCt{overflow:visible !important;} body, .x-body, .x-panel-body, a { color: #1a1a1a; } body, .x-body, .x-panel-body { font-family:'Roboto', sans-serif; font-size: 12px; line-height:normal; font-weight:400; font-style:normal; } input, textarea, select, button, .x-tab button{ font-family:'Roboto', sans-serif; } b{letter-spacing:0px;font-weight:normal} b a{ } /********** Extra Styles Start Here ****************/ .login-frame{ background:#3a3a3a; height:100%; width:100%; } .loginLogo{ /*background-image:url('../images/eG-Logo.png');*/ background-image:url('../images/eg-logo-login.png'); background-repeat:no-repeat; width:256px; height:63px; position:absolute; left:0px; margin-left:50px; top:50px; } .copyrights{ position:fixed; bottom:25px; left:0px; font-size:11px; margin-left:30px; color:#9c9c9c; } .upgrade { display: flex; color: #9c9c9c; font-size: 10px; text-align: left } .upgradeInner { border: 0px solid blue; margin: auto; display: flex; align-items: center } .loginMonitor{ width:220px; height:271px; position:absolute; left:50%; display:none; margin-left:-500px; bottom:150px; } .loginMobile{ width:245px; height:208px; display:none; position:absolute; right:50%; margin-right:-500px; bottom:120px; } .loginArrow{ background-image:url('../images/Light/loginArrow.png'); background-repeat:no-repeat; width:38px; height:38px; float:left } .loginText{ float:left; font-size: 27px; color:#787878; line-height:34px; margin-left:9px; } .loginpanel { border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius:0px; -o-border-radius: 0px; -webkit-border-radius: 0px; z-index:100; background:#fff; border:1px solid #a5a5a5; /* -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);*/ } .loginpanelInner{ border-radius: 0; -moz-border-radius: 0px; -khtml-border-radius:0px; -o-border-radius:0px; -webkit-border-radius: 0px; margin:10px; background:#ededed; border:1px solid #dedede; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } .loginpanelInner .x-fieldset{ background:#ededed; } .x-form-item-label-top{ line-height:1.4em; padding: 0 0 4px 0; } .loginErrorMsg{ /*margin:5px;*/ background:#ffffff; border:1px solid #d3d3d3; } .loginCopyRights{ font-size:11px; } .panelWithoutHeader{/*f*/ background:#ffffff; border:#d2d2d2 1px solid; } .panelwithoutheader a{ font-weight:normal !important} .commonPopup{ border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 0px 0px 10px 2px #1A1A1A; box-shadow: 0px 0px 10px 2px #1A1A1A; border:#AAA5AD 1px solid; padding:5px; margin:0px; background-color:#E6E6E6; } .slaValue{ background:#e9e9e9; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 0px 0px 10px 2px #C0C0C0; /*box-shadow: 0px 0px 10px 2px #C0C0C0;*/ box-shadow: 0px 0px 0px 0px #C0C0C0; border:#c8c8c8 1px solid; padding:5px; margin:10px; font-size:24px; font-weight:500; } .x-panel-body-default-framed, .x-panel-body-default{ background:none; border-color:transparent; border-width:0px; } .x-table a{text-decoration:none;} a { text-decoration: none; outline: 0;} .getScrollClass{ height:100%;overflow:auto; width:100%; display:inline-table;} .x-toolbar .x-toolbar-separator-horizontal, .x-toolbar .x-toolbar-separator, .x-toolbar-separator, .x-toolbar .x-toolbar-separator-default{ width:2px; height:15px;/*V*/ background:url("../images/Light/iconSeperator.png") repeat left top transparent !important; margin:0px 4px; border:none !important; } .popUpWindowIconSeperator{ width:2px; height:14px; background:url("../images/Light/popUpWindowIconSeperator.png") no-repeat left top transparent !important; margin:0px 4px; border:none !important; } /**** Need to Delete ****/ .SeparatorVerticalLight{ border-width:1px; border-style:solid; border-right-color:#cdcdcd; border-left-color:#f5f5f5; border-top-color:transparent; border-bottom-color:transparent; } /**** ****/ .slaSeparatorHorizontalLight{ border-width:1px; border-style:solid; border-right-color:transparent; border-left-color:transparent; border-top-color:#cdcdcd; border-bottom-color:#f5f5f5; } .configMode_popup { z-Index:9999; position:fixed; top:-500px; right:14px; background:#535353;/*V*/ /*border-color:#333333; border-width:1px 1px 1px 1px; border-style:solid;*/ border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -khtml-border-radius:0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; overflow:visible; border:1px solid #dedede; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } .configMode_popup .configMode_popupArrow{ background:url("../images/Light/configMode_popupArrow.png") no-repeat left top transparent; width: 24px; height: 14px; position:absolute; z-index:9999; } .configMode_popup_inner { border:0px solid #d2d2d2; margin:5px; padding:0px; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -khtml-border-radius:0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; background:#f7f7f7 } .formOuter { border:1px solid #d2d2d2; margin:10px 10px 0px 10px; padding:0px; background:#F7F7F7; } .formOuter .x-toolbar-footer{ background:#F7F7F7 !important; margin:0px; } div.x-panel.formOuter{ border:1px solid #d2d2d2 !important; } div.x-panel.formOuter .x-panel-body{ background:#F7F7F7; } .configWinBody, div.formOuter { border:1px solid #dedede !important; margin:10px 10px 5px 10px; background:#F7F7F7 !important; padding:0px; /* jaiwin- removeShadow1*/ -webkit-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); } .formOuter .x-toolbar-footer{ background:#d9d9d9 !important; margin:0px; } .scheduleFavoriteInner { border:1px solid #d2d2d2; margin:0px; padding:0px; } /* .scheduleFavoriteInner .x-panel-body {background:#efefef !important;} */ .scheduleFavoriteInner .x-panel-body {background:#ffffff !important;} .configMode_popup_inner .x-panel-body {background:#f7f7f7 !important;} .formOuter .x-panel-body {background:#F7F7F7 !important;} .formOuterContainer{ background:#F7F7F7 !important; border:1px solid #d2d2d2; margin:10px 10px 0px 10px; padding:0px; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -khtml-border-radius:0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; } .iconClose3{ cursor:pointer;} .highStateComponent{ /* background-color: #CE2525 !important; */ background: -webkit-linear-gradient(top , #E75150 0%, #C50808 100%) repeat scroll 0 0 transparent !important; background : -moz-linear-gradient(top , #E75150 0%, #C50808 100%) repeat scroll 0 0 transparent !important; background : -webkit-linear-gradient(top , #E75150 0%, #C50808 100%) repeat scroll 0 0 transparent !important; background : -ms-linear-gradient(top , #E75150 0%, #C50808 100%) repeat scroll 0 0 transparent !important; background : -o-linear-gradient(top , #E75150 0%, #C50808 100%) repeat scroll 0 0 transparent !important; background : linear-gradient(top , #E75150 0%, #C50808 100%) repeat scroll 0 0 transparent !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E75150', endColorstr='#C50808'); /* for IE */ -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E75150', endColorstr='#C50808'); /* for IE */ margin-right: 2px !important; margin-bottom: 5px !important; margin-top: 5px !important; color:white !important; border-top-left-radius:3px; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; -o-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; -ms-border-top-left-radius:3px; border-top-right-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; -o-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; -ms-border-top-right-radius:3px; border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; -o-border-radius-bottomleft: 3px; -khtml-border-bottom-left-radius: 3px; -ms-border-bottom-left-radius:3px; border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; -o-border-radius-bottomright: 3px; -khtml-border-bottom-right-radius: 3px; -ms-border-bottom-right-radius:3px; border:1px solid #C50808; font-weight:500; } .intermediateStateComponent{ /* background-color: #E0B400 !important; */ background: -webkit-linear-gradient(top , #EECC00 0%, #D49400 100%) repeat scroll 0 0 transparent !important; background : -moz-linear-gradient(top , #EECC00 0%, #D49400 100%) repeat scroll 0 0 transparent !important; background : -webkit-linear-gradient(top , #EECC00 0%, #D49400 100%) repeat scroll 0 0 transparent !important; background : -ms-linear-gradient(top , #EECC00 0%, #D49400 100%) repeat scroll 0 0 transparent !important; background : -o-linear-gradient(top , #EECC00 0%, #D49400 100%) repeat scroll 0 0 transparent !important; background : linear-gradient(top , #EECC00 0%, #D49400 100%) repeat scroll 0 0 transparent !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EECC00', endColorstr='#D49400'); /* for IE */ -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EECC00', endColorstr='#D49400'); /* for IE */ margin-right: 2px !important; margin-bottom: 5px !important; margin-top: 5px !important; color:white !important; border-top-left-radius:3px; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; -o-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; -ms-border-top-left-radius:3px; border-top-right-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; -o-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; -ms-border-top-right-radius:3px; border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; -o-border-radius-bottomleft: 3px; -khtml-border-bottom-left-radius: 3px; -ms-border-bottom-left-radius:3px; border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; -o-border-radius-bottomright: 3px; -khtml-border-bottom-right-radius: 3px; -ms-border-bottom-right-radius:3px; border:1px solid #D49400; font-weight:500; } .lowStateComponent{ /* background-color: #BB58AB !important; */ background: -webkit-linear-gradient(top , #C977BB 0%, #8C287E 100%) repeat scroll 0 0 transparent !important; background : -moz-linear-gradient(top , #C977BB 0%, #8C287E 100%) repeat scroll 0 0 transparent !important; background : -webkit-linear-gradient(top , #C977BB 0%, #8C287E 100%) repeat scroll 0 0 transparent !important; background : -ms-linear-gradient(top , #C977BB 0%, #8C287E 100%) repeat scroll 0 0 transparent !important; background : -o-linear-gradient(top , #C977BB 0%, #8C287E 100%) repeat scroll 0 0 transparent !important; background : linear-gradient(top , #C977BB 0%, #8C287E 100%) repeat scroll 0 0 transparent !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C977BB', endColorstr='#8C287E'); /* for IE */ -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C977BB', endColorstr='#8C287E'); /* for IE */ margin-right: 2px !important; margin-bottom: 5px !important; margin-top: 5px !important; color:white !important; border:1px solid #8C287E; font-weight:500; border-top-left-radius:3px; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; -o-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; -ms-border-top-left-radius:3px; border-top-right-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; -o-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; -ms-border-top-right-radius:3px; border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; -o-border-radius-bottomleft: 3px; -khtml-border-bottom-left-radius: 3px; -ms-border-bottom-left-radius:3px; border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; -o-border-radius-bottomright: 3px; -khtml-border-bottom-right-radius: 3px; -ms-border-bottom-right-radius:3px; } /*measures page styles start here */ .byfunctionpanel { background-color: transparent; background-image: url("../images/Light/expandable2.png"); background-repeat: no-repeat; cursor: pointer; height: 20px; margin: 20px; overflow: hidden; border-width: 1px; width: 20px; } .measuresLink{ padding:2px 5px !important; margin:0px !important; width:100%; border-top: 0px solid #d1d1d1 !important; border-right: 0px solid #fefefe !important; border-bottom: 1px solid #d3d3d3 !important; border-left: 0px solid #d1d1d1 !important; background: #fff; } .measuresLink:hover{ margin:0px !important; width:100%; background: #e2eff8; font-weight:500; } .measuresLinkSelected{ padding:2px 5px !important; margin:0px !important; width:100%; background: #c1ddf1 !important; } /*--------------Inner header no curve------------*/ .measuresPanel .x-panel-header{ background:#9290a3 url(final/images/Light/inner-datapanel-header.gif) left top repeat-x !important; box-shadow:none; border-color:#E6E6E6; font-size:14px !important; border-width:0px 0px 0px 0px; margin:0px; padding:4px; height:29px; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -khtml-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; } .measuresPanel .x-panel-header-text{ font-size:14px !important; font-weight:500; /*text-shadow: 0 1px 0 #BBBBBB;*/ text-transform:capitalize !important; line-height:1.5em !important; } .measuresPanel .x-panel-body{ background:#f3f3f6 !important; border:0px; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -khtml-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; } .measuresErrorPanelBg .x-panel-body { background-color:#E6E6E6 !important; border:0px; } .measuresInnerTable table{ width:100%; border-color: #D9D9D9; border-collapse:collapse; border-style:solid; border-width:0px;/*f*/ border-spacing:0px; font-size:11px; } .measuresInnerTable table tbody tr:hover td{ background:#e2eff8; } .measuresInnerTable table tbody tr td{border:1px solid #D9D9D9;border-collapse:collapse;margin:0px;padding:0px} .measuresInnerTable table tbody tr:nth-child(2n+2) {background-color:#f4f4f4 !important; } .measuresInnerTable2 table{ width:100%; border:none !important;/*f*/ } .measuresInnerTable2 table tbody tr td{padding:2px !important} .measuresInnerTable2 table tbody tr td{ border-top-width:1px;/*f*/ border-right-width:1px;/*f*/ border-bottom-width:1px;/*f*/ border-left-width:1px;/*f*/ border-style:solid; border-color:#D9D9D9; } .measuresInnerTable2 table tbody tr td:first-child{ border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:solid; border-color:#D9D9D9; } .measuresInnerTable2 table tbody tr td:last-child{ border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:solid; border-color:#D9D9D9; } .measuresInnerTable:last-child{/*f*/ border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:solid; border-color:#D9D9D9; } .measuresInnerTable2 table tbody tr:hover{ font-weight:500; } .measuresInnerTable table table td{/*f*/ border:#000 0px solid !important; } .x-grid-table-measure{/*f*/ border-color: #cdcdcd; border-style:solid; border-width:0px 1px 1px 1px!important; } .x-grid-table-measure table.x-grid-table{/*f*/ border-color: #cdcdcd; border-style:solid; border-collapse:collapse; border-width: 0px !important; } .measuresInnerTable table tbody tr td {/*f*/ border-width:1px 0px 1px 0px; border-color:#D9D9D9; border-style: solid; border-collapse: collapse; margin: 0px; padding: 0px; background-color:#fff; } .x-grid-table-measure .x-table thead .x-grid-row .x-grid-cell {/*f*/ font-size: 11px; text-transform: uppercase; text-shadow: none; background: #e6e6e6 !important; font-weight: normal; border-top-color: #cdcdcd !important; border-right-color: #cdcdcd !important; border-bottom-color: #cdcdcd !important; border-left-color: #cdcdcd !important; border-style: solid; border-top-width: 1px !important; border-right-width: 0px !important; border-bottom-width: 1px !important; border-left-width: 0px !important; } .darktheme_measure thead .x-grid-row .x-grid-cell:first-child {/*f*/ font-size: 11px; text-transform: uppercase; text-shadow: none; background: #e6e6e6 !important; font-weight: normal; border-top-color: #cdcdcd !important; border-right-color: #cdcdcd !important; border-bottom-color: #cdcdcd !important; border-left-color: #cdcdcd !important; border-style: solid; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 0px !important; } .darktheme_measure thead .x-grid-row .x-grid-cell:last-child {/*f*/ font-size: 11px; text-transform: uppercase; text-shadow: none; background: #e6e6e6 !important; font-weight: normal; border-top-color: #cdcdcd !important; border-right-color: #cdcdcd !important; border-bottom-color: #cdcdcd !important; border-left-color: #cdcdcd !important; border-style: solid; border-top-width: 1px !important; border-right-width: 0px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; } /*f end */ /*measures page styles end here */ .x-tool img { overflow: hidden; width: 15px; height: 15px; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background-image: url('../images/Light/tool-sprites.png'); margin: 0; } .x-tool img.x-tool-close, .x-tool img.x-tool-over .x-tool-close{ overflow: hidden; width: 15px; height: 15px; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background-image: url('../images/Light/msgWindowClose.png'); margin:0px; background-position: 0px 0px !important; right:4px !important; } #customWindow .x-tool img.x-tool-close, #customWindow .x-tool img.x-tool-over .x-tool-close{ overflow: hidden; width: 15px; height: 15px; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background-image: url('../images/Dark/msgWindowClose2.png') !important; margin:0px; background-position: 0px 0px !important; right:4px !important; } .x-tool img.x-tool-expand-bottom, .x-tool img.x-tool-over .x-tool-expand-bottom{ overflow: hidden; width: 16px; height: 16px; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background : url('../images/Light/eG_Icons.png') no-repeat top left; margin:0px; background-position: -80px -960px !important; } .x-tool img.x-tool-collapse-top, .x-tool img.x-tool-over .x-tool-collapse-top{ overflow: hidden; width: 16px; height: 16px; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background : url('../images/Light/eG_Icons.png') no-repeat top left; margin:0px; background-position: -80px -940px !important; } /*--label--*/ .x-form-item-label{ font-size: 12px; /* font Change line-height:1.5em; */ } /*--form validation--*/ .x-form-invalid-tip-default .x-tip-header, .x-form-invalid-tip-default .x-tip-body, .x-form-invalid-tip-default .x-form-invalid-tip-body{ color:inherit; } /********** Extra Styles End Here ****************/ /*---- outer panel ----*/ .outerpanel{} .outerpanel .x-panel-body{ background:#ffffff; border:0px; margin:0px; z-index:99; } .gridSkinOuter.x-panel-default-framed, .outerpanel.x-panel-default-framed{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border:1px solid #cdcdcd !important;/*f*/ padding:0px; /* -webkit-box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 1); box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 1); -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);*/ } .gridSkinOuter{ -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75) !important; -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75) !important; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75) !important; } .gridSkinOuter div.x-panel-header, .x-nlg .gridSkinOuter .x-panel-header-default-framed-top { background: #f6f6f6 !important; box-shadow:none; border-width:0px 0px 1px 0px !important; border-color:#e3e3e3; top:0px !important; margin:0px; padding:5px 10px 2px 10px; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; } /*.outerpanel .x-panel-header, .x-nlg .outerpanel .x-panel-header-default-framed-top*/ .outerpanel .x-panel-header{ background: #f6f6f6 !important; box-shadow:none; border-width:0px 0px 1px 0px !important; border-color:#b0b0b0; top:0px !important; margin:0px; padding:2px 5px 3px 5px; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; } .gridSkinOuter .x-panel-header-text-container{} .outerpanel .x-panel-header-text-container{ padding:3px 5px;/*F*/ } .gridSkinOuter, .gridSkinOuter .x-grid-body{ background:#ffffff; } div.gridSkinOuter div.x-panel-header span.x-panel-header-text, div.gridSkinOuter .x-panel-header-text, div.gridSkinOuter div.x-panel-header span.x-panel-header-text,/*F*/ div.gridSkinOuter .x-panel-header-text, /*F*/ .outerpanel .x-panel-header-text{ font-size:13px; font-weight:500; line-height:1.9em;/*F*/ } /* .x-ie div.gridSkinOuter div.x-panel-header span.x-panel-header-text, .x-ie div.gridSkinOuter .x-panel-header-text, .x-ie .outerpanel .x-panel-header-text{ line-height:1.6em; font-size:13px; font-weight:500; } */ .outerpanel .x-btn-default-small, .outerpanel .x-btn-default-toolbar-small, .outerpanel .x-btn-default-toolbar-small-icon{ padding:1px 2px 1px 3px !important; } .textUpper{ text-transform:uppercase; } /* .x-ie .x-container-default { line-height:1.6em; } */ /*---- end of outer panel ----*/ /*-- innerPanel styles start here --*/ .innerpanel{} .innerpanel .x-panel-header, .innerpanel .x-panel-header-default{ background: #f3f3f3; /* Old browsers */ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow:none; border:1px solid #cdcdcd !important; } .innerpanel .x-panel-header-text-container{ padding:0px 5px 0px 5px; } .innerpanel .x-panel-header-text{ font-size:13px; font-weight: normal; text-transform:none; } .innerpanel .x-panel-body{ background:#ffffff; border:1px solid #cdcdcd; padding:0px; margin:0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .innerpanel.x-panel-default-framed{ -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } /* innerPanel widget styles end here */ /* datapanel styles start here */ .datapanel{ margin-bottom:15px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -ms-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; border:1px solid #dedede; /*Shadow not needed - Dinesh*/ /*-webkit-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35);*/ } .datapanel.x-panel-default-framed{ background:#fff; } .datapanel div.x-panel-body{ background:#ffffff !important; /*border:1px solid #cdcdcd;*/ /*border-width:0px 1px 1px 1px; border-style:solid; border-color:#cdcdcd; padding:0px; margin:0px;*/ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .outerpanel .datapanel div.x-panel-body .block1 div.x-panel-body { /*border:1px solid #cdcdcd !important;*/ } .outerpanel span.x-panel-header-text-default{ font-size:13px;/*F*/ } .datapanel.x-panel-default-framed{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border-color:#dedede; } .strip div.x-panel-header{ background: #fbfbfb; border-style:solid;/*V*/ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow:none; border-width:1px 0px 0px 0px; border-color:#d2d2d2; } .datapanel .x-panel-body .block1 .x-panel-body{ border-width:0px !important;} .datapanel div.x-panel-header{ background: #f6f6f6; border-style: solid;/*V*/ border-width:0px 0px 1px 0px !important; border-color:#dedede;/*V*/ padding:3px 10px 2px 10px;/*V*/ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow:none; /* border:1px solid #cdcdcd !important; */ font-size:12px; font-weight:500; } .datapanel.darkHeader div.x-panel-header{ background: #dbdbdb !important; border-width:0px 0px 1px 0px !important; border-color:#b2b2b2 !important; } .datapanel .x-panel-header-text-container{ padding:0px 0px 0px 0px; /*F*/ } .datapanel span.x-panel-header-text{ font-size:12px; font-weight:500; text-transform:none; } .strip .x-panel-header-text-container{ font-size:14px; font-weight:500; text-align:right !important; text-transform:none; } /* dataPanel widget styles end here */ /* block1 widget styles start here */ .block1{ border:1px solid #dedede; -webkit-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35);/*V*/ -moz-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35);/*V*/ box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35);/*V*/ } .block1 .x-panel-body{ background:#fff; border:0px; margin:0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .block1.x-panel-default-framed{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border-color:#e3e3e3 !important; border-width:1px 1px 1px 1px !important; border-style:solid !important; padding:0px; /*box-shadow: 2px 2px 3px #666666; -webkit-box-shadow: 2px 2px 3px #666666; -moz-box-shadow: 2px 2px 3px #666666; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); */ } .block1 div.x-panel-header, .block1 div.x-panel-header-default{ background: #fff; border-top:#cdcdcd 1px solid;/*V*/ border-right:#cdcdcd 1px solid;/*V*/ border-bottom:#cdcdcd 0px solid !important;/*V*/ border-left:#cdcdcd 1px solid;/*V*/ -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -ms-border-radius:0px; -o-border-radius:0px; box-shadow:none; padding:2px 10px 3px 10px; } .block1 .x-panel-header-text-container{ padding:0px 5px 0px 5px; } .block1 span.x-panel-header-text{ font-size:12px; text-transform: capitalize !important; /* text-transform:none; */ } .block1 div.x-panel-body{ background:#fff !important; /*border:1px solid #d2d2d2;*/ padding:0px; margin:0px; border-width:0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; -ms-border-radius:0px !important; -o-border-radius:0px !important; } .block1.g_border{border-top:0px solid #d2d2d2;border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;} .block1.x-panel-default-framed{ -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -ms-border-radius:0px; -o-border-radius:0px; border:1px solid #d2d2d2; background:#ffffff; } .g_border{border-top:0px solid #d2d2d2; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; } /* block1 widget styles end here */ /*--panel popup style--*/ .panel-popup{ -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } .panel-popup .x-panel-header, .panel-popup .x-panel-header-default{ background: #fff !important; } .panel-popup.x-panel-default-framed{ -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -ms-border-radius:0px; -o-border-radius:0px; border:1px solid #cdcdcd; background:#ffffff; } .bor_der{ border-top:1px solid #cdcdcd !important; border-bottom:1px solid #cdcdcd !important; border-left:1px solid #cdcdcd !important; border-right:1px solid #cdcdcd !important; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; margin:0px 6px !important; } .panel-popup .x-panel-body{ background:#ffffff; /*border:1px solid #cdcdcd;*/ padding:0px; margin:0px; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; -ms-border-radius:0px !important; -o-border-radius:0px !important; } .panel-popup span.x-panel-header-text-default-framed{ font-weight:500; font-size:14px; text-transform:uppercase;} .panel-popup div.x-panel-header-default-framed-top{ border-width:0px !important;} .panel-popup .x-panel-default-framed{background:#ffffff !important;} .x-panel-ghost.x-panel-default-framed{ border:1px solid #cdcdcd; background:#ffffff !important; } .x-panel-ghost span.x-panel-header-text-default-framed{ font-weight:500; font-size:14px; text-transform:uppercase;} .x-panel-ghost .x-panel-header, .x-panel-ghost .x-panel-header-default{ background: #fff !important; } .x-panel-ghost .x-panel-header-default-framed-top{ border-width:0px!important} /* Components styles start here .....*/ /*********** Combo ************/ .x-form-item { font-size:12px; } .x-form-field, .x-form-display-field { margin: 0; font-size:11px; line-height:1.5em !important; } /*------------------drop down----------------------*/ .dropdown .x-form-item-body input.x-form-text { /*background: url("../images/Light/smallest-selects.png") no-repeat scroll 0px -31px transparent;*/ background:#fff; border-color:#abb2bd; border-style:solid; border-width:1px 0px 1px 1px; padding-left:6px; padding-bottom:1px; height:21px; line-height:1.6em; } .imagecombo .x-form-item-body input, .imagecombo .x-form-item-body input.x-form-text{ border-color:#abb2bd; border-style:solid; border-width:1px 0px 1px 1px; padding-left:24px; padding-bottom:1px; width:100%; height:21px; } .imagecombo .x-form-trigger, .dropdown .x-form-trigger{ background: url("../images/Light/form_input_buttons.png") no-repeat scroll 4px 2px #fff; border-color:#abb2bd; border-style:solid; border-width:1px 1px 1px 0px; height:21px !important; } .flag .x-form-text, /*--img drop down--*/ .dropdown24 .x-form-item-body input.x-form-text { background:#fff; border-color:#abb2bd; border-style:solid; border-width:1px 0px 1px 1px; height:24px; padding-left:6px; /*margin-right:20px;*/ } .dropdown24 .x-form-trigger{ background: url("../images/Light/form_input_buttons.png") no-repeat scroll 4px 3px #fff; border-color:#abb2bd; border-style:solid; border-width:1px 1px 1px 0px; height:24px !important; } .dropdown .x-form-item-body input.x-form-text.x-trigger-noedit{ border-width:1px 1px 1px 1px !important; } .dropdown.x-item-disabled .x-form-item-label, .dropdown.x-item-disabled .x-form-field, .dropdown.x-item-disabled .x-form-cb-label, .dropdown.x-item-disabled .x-form-trigger { filter:alpha(opacity=50); opacity:.5 } .x-css-shadow{ box-shadow: rgb(136, 136, 136) 0px 0px 0px !important; } /* boundlist overflow text border issue start here*/ .x-boundlist-outer-ct .x-boundlist-list-ct ul{ width: 100% !important; display: table; } /* boundlist overflow text border issue end here*/ .x-boundlist{ border-width:1px; border-style:solid; border-color:#abb2bd; background:#ffffff; margin-top:0px !important; font-weight:normal; overflow:hidden; /* this property added for dropdown bottom border hidden issue when monitor display scale is changed to 125%, 150%.. 8-august-2023 */ /* box-shadow: rgb(136, 136, 136) 0px 2px 4px !important; #d9d9d9 */ } .x-boundlist-item{ /*border-top-color:#ffffff !important; border-right-color:#ffffff !important; border-bottom-color:#aab2bd !important; border-left-color:#ffffff !important; border-width: 1px 0px 1px 0px !important; border-style: solid !important; padding:2px 4px 2px 4px;*/ border:0px !important; background: #aab2bd; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FhYjJiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYjJiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 5%, #ffffff 95%, #aab2bd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aab2bd), color-stop(5%,#ffffff), color-stop(95%,#ffffff), color-stop(100%,#aab2bd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 5%,#ffffff 95%,#aab2bd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#ffffff 5%,#ffffff 95%,#aab2bd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 5%,#ffffff 95%,#aab2bd 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#ffffff 5%,#ffffff 95%,#aab2bd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#aab2bd',GradientType=0 ); /* IE6-8 */ padding:2px 4px 2px 4px; font-size:11px; border-radius: 0px 0px 0px 0px !important; -moz-border-radius: 0px 0px 0px 0px !important; -khtml-border-radius: 0px 0px 0px 0px !important; -o-border-radius: 0px 0px 0px 0px !important; box-shadow:none !important; font-weight:normal; line-height:1.6em; } .x-boundlist-item:hover{ /*border-top-color:#92c1d3 !important; border-right-color:#aab2bd !important; border-bottom-color:#92c1d3 !important; border-left-color:#bfdfeb !important; border-width: 1px 0px 1px 0px !important; background:#c1ddf1; padding:2px 4px 2px 4px;*/ border:0px !important; padding:2px 4px 2px 4px; color:#333333; background: #92c1d3 !important; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyYzFkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjYmZkZmViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjYmZkZmViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkyYzFkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=) !important; background: -moz-linear-gradient(top, #bfdfeb 0%, #bfdfeb 5%, #bfdfeb 95%, #92c1d3 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92c1d3), color-stop(5%,#bfdfeb), color-stop(95%,#bfdfeb), color-stop(100%,#92c1d3))!important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bfdfeb 0%,#bfdfeb 5%,#bfdfeb 95%,#92c1d3 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bfdfeb 0%,#bfdfeb 5%,#bfdfeb 95%,#92c1d3 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bfdfeb 0%,#bfdfeb 5%,#bfdfeb 95%,#92c1d3 100%)!important; /* IE10+ */ background: linear-gradient(to bottom, #bfdfeb 0%,#bfdfeb 5%,#bfdfeb 95%,#92c1d3 100%)!important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfdfeb', endColorstr='#92c1d3',GradientType=0 )!important; /* IE6-8 */ border-radius: 0px 0px 0px 0px !important; -moz-border-radius: 0px 0px 0px 0px !important; -khtml-border-radius: 0px 0px 0px 0px !important; -o-border-radius: 0px 0px 0px 0px !important; font-weight:normal; line-height:1.6em; } .x-boundlist-item.contentwrapper{ background:#ffffff; border-radius: 0px 0px 0px 0px !important; -moz-border-radius: 0px 0px 0px 0px !important; -khtml-border-radius: 0px 0px 0px 0px !important; -o-border-radius: 0px 0px 0px 0px !important; box-shadow:none !important; font-weight:normal; } .x-boundlist-selected:hover{ color:#333333 !important; } .x-boundlist-selected{ border:0px !important; /*background:#3bafda; border-top-color:#2692cb !important; border-right-color:#9f9f9f !important; border-bottom-color:transparent !important; border-left-color:#9f9f9f !important; border-width: 1px 0px 1px 0px !important;*/ background: #2692cb !important; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2OTJjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjM2JhZmRhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjM2JhZmRhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI2OTJjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=)!important; background: -moz-linear-gradient(top, #3bafda 0%, #3bafda 5%, #3bafda 95%, #2692cb 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2692cb), color-stop(5%,#3bafda), color-stop(95%,#3bafda), color-stop(100%,#2692cb))!important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3bafda 0%,#3bafda 5%,#3bafda 95%,#2692cb 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3bafda 0%,#3bafda 5%,#3bafda 95%,#2692cb 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3bafda 0%,#3bafda 5%,#3bafda 95%,#2692cb 100%)!important; /* IE10+ */ background: linear-gradient(to bottom, #3bafda 0%,#3bafda 5%,#3bafda 95%,#2692cb 100%)!important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bafda', endColorstr='#2692cb',GradientType=0 )!important; /* IE6-8 */ padding:2px 4px 2px 4px; color:#ffffff !important; border-radius: 0px 0px 0px 0px !important; -moz-border-radius: 0px 0px 0px 0px !important; -khtml-border-radius: 0px 0px 0px 0px !important; -o-border-radius: 0px 0px 0px 0px !important; font-weight:normal; } .x-boundlist-item-over { border-top-color:#3bafda !important; border-right-color:#3bafda !important; border-bottom-color:#3bafda !important; border-left-color:#3bafda !important; border-width: 1px !important; background:#3bafda; padding:2px 4px 2px 4px; border-radius: 0px 0px 0px 0px !important; -moz-border-radius: 0px 0px 0px 0px !important; -khtml-border-radius: 0px 0px 0px 0px !important; -o-border-radius: 0px 0px 0px 0px !important; font-weight:normal; } .flag img{ width:20px; height:20px;padding-top:3px;float:left} .x-boundlist-item img{margin:1px 3px;height: 17px;} .flag span{padding:4px 4px 3px 4px;float:left} .flag span.font_bold{padding:4px 0px 6px 0px;float:left} .whitedropdown .x-form-item-body input.x-form-text, .whitedropdown_search .x-form-item-body input.x-form-text { background:#fff; border-color:#abb2bd; border-style:solid; border-width:1px 0px 1px 1px; padding-left:6px; height:21px; } /* .whitedropdown_search .x-form-item-body input:focus{ border:#3bafda 1px solid; } */ .whitedropdown .x-form-trigger{ background: url("../images/Light/form_input_buttons.png") no-repeat scroll -33px 1px #fff; border-color:#abb2bd; border-style:solid; border-width:1px 1px 1px 0px; } .whitedropdown_search .x-form-trigger{ background: url("../images/Light/form_input_buttons.png") no-repeat scroll -33px 1px #fff; border-color:#abb2bd; border-style:solid; border-width:1px 1px 1px 0px; height:21px !important; } .whitedropdown_search .x-form-clear-trigger{ background: url("../images/Light/form_input_buttons.png") no-repeat scroll 2px -28px #fff; border-color:#abb2bd; border-style:solid; border-width:1px 1px 1px 0px; height:21px !important; } /*------drop down with enter icon-for Admin Monitor settings page--6/10/2021-----------*/ .whitedropdown_enter .x-form-item-body input.x-form-text { background:#fff; border-color:#abb2bd; border-style:solid; border-width:1px 0px 1px 1px; padding-left:6px; height:21px; } .whitedropdown_enter .x-form-trigger{ background: url("../images/Light/form_input_buttons.png") no-repeat scroll -13px -31px #fff; border-color:#abb2bd; border-style:solid; border-width:1px 1px 1px 0px; height:21px !important; } .whitedropdown_enter .x-form-clear-trigger{ background: url("../images/Light/form_input_buttons.png") no-repeat scroll -13px -31px #fff; border-color:#abb2bd; border-style:solid; border-width:1px 1px 1px 0px; height:21px !important; } .whitedropdown_search24 .x-form-item-body input.x-form-text { background: url("../images/Light/whitedropdown_search24.png") no-repeat scroll 0px -43px transparent; border:0px; padding-left:6px; height:26px; } /* .whitedropdown_search24 .x-form-item-body input:focus{ border:#3bafda 1px solid; } */ .whitedropdown_search24 .x-form-trigger{ background: url("../images/Light/whitedropdown_search24.png") no-repeat scroll 100% -73px transparent; border:0px; width:27px !important; height:26px; } /**************** *************/ /*--------------------text field-----------------------*/ .textbox.x-item-disabled .x-form-item-body{ opacity:0.5; filter:Alpha(opacity=50); } .textbox .x-form-item-body{ } .fileupload .x-form-text, .fileupload textarea.x-form-field, .textbox .x-form-item-body input.x-form-text{ background:#fff; border:#abb2bd 1px solid; padding-left:4px; padding-right:10px; position:relative; height:21px; } .textbox .x-form-item-body input:focus{ border:#3bafda 1px solid; } .textbox24 .x-form-item-body{ } .textbox24 .x-form-item-body input.x-form-text{ background:#fff; border:#abb2bd 1px solid; line-height:18px; height:24px; padding-left:2px; padding-right:10px; } .textbox24 .x-form-item-body input:focus{ border:#3bafda 1px solid; } /*.textboxLoginUserName .x-form-item-body{ background:url("../images/Light/textboxLogin.png") no-repeat scroll 0% -40px transparent; padding-left:28px; }*/ .textboxLoginUserName .x-form-item-body input.x-form-text{ /*background:url("../images/Light/textboxLogin.png") no-repeat scroll 100% 0% transparent;*/ background:#fff url("../images/Light/textboxLogin.png") no-repeat scroll -1px -41px !important; border:#abb2bd 1px solid; line-height:1.8em !important; height:28px; padding-left:28px; padding-right:10px; } .textboxLoginUserName .x-form-item-body input:focus{ border:#3bafda 1px solid; } .textbox24.x-form-field .x-form-required-field .x-form-text .-field .x-form-empty-field, .textboxLoginPassword.x-form-field .x-form-required-field .x-form-text .-field .x-form-empty-field, .textboxLoginUserName.x-form-field .x-form-required-field .x-form-text .-field .x-form-empty-field{ line-height:1.8em !important; } .textbox24 .x-form-item-body input.-field, .textboxLoginUserName .x-form-item-body input.-field, .textboxLoginPassword .x-form-item-body input.-field{ border:red 1px solid !important; } /*.textboxLoginPassword .x-form-item-body{ background:url("../images/Light/textboxLogin.png") no-repeat scroll 0% -120px transparent; padding-left:28px; }*/ .textboxLoginPassword .x-form-item-body input.x-form-text{ /*background:url("../images/Light/textboxLogin.png") no-repeat scroll 100% -80px transparent;*/ background:#fff url("../images/Light/textboxLogin.png") no-repeat scroll -1px -121px !important; border:#abb2bd 1px solid; line-height:1.8em !important; height:28px; padding-left:28px; padding-right:10px; } .textboxLoginPassword .x-form-item-body input:focus{ border:#3bafda 1px solid; } .textLabel.x-item-disabled .x-form-item-body{ background: url("../images/Light/text-area.png") no-repeat scroll 100% 38.3% transparent; } .textLabel .x-form-item-body{ background: url("../images/Light/text-area.png") no-repeat scroll 100% 100% transparent; } .textLabel .x-form-item-body input.x-form-text{ background: url("../images/Light/text-area.png") no-repeat scroll 0% 1px transparent; border:0px; padding-left:6px; padding-right:10px; position:relative; left:-2px; } .textLabel .x-form-item-body input:focus{ border:#3bafda 1px solid; } /*--radio button---*/ .radiobt .x-form-radio{width:15px;height:17px;} .radiobt .x-form-item-body .x-form-radio{ background-image: url("../images/Light/radio_new.png"); } .radiobt .x-field-label-cell{ vertical-align: top; } .radiobt .x-form-radio { vertical-align: middle; } /** label alignment issue fixed below - Jaiwin ** .x-ie .radiobt .x-form-field.x-form-radio { vertical-align:1px !important; } */ /** label alignment issue fixed below - Jaiwin ***/ .checkbt .x-form-item-body.x-form-cb-wrap{ vertical-align:middle; /* font Change line-height:190%; */ } /* In IE browser button text middle align issue fix ---start here--- */ .x-ie .checkbt .x-form-item-body.x-form-cb-wrap{ vertical-align:middle; line-height:160%; } /* In IE browser button text middle align issue fix ---end here--- */ /** label alignment issue fixed above - Jaiwin ** .checkbt .x-form-cb-label.x-form-cb-label-after{ vertical-align: 3px; } .x-ie .checkbt .x-form-cb-label.x-form-cb-label-after{ vertical-align:2px !important; } @-moz-document url-prefix() { .checkbt .x-form-cb-label.x-form-cb-label-after { vertical-align: -1px; } } */ @-moz-document url-prefix() { .radiobt .x-form-radio { vertical-align: 0px; } } /* .radiobt .x-form-field.x-form-radio{ line-height:1.9em !important; } */ .x-form-cb-checked .x-form-radio { background-position:0px -17px } .radiobt .x-form-cb-focus { background-position:0px -17px } .x-form-cb-checked .x-form-checkbox, .x-form-cb-checked .x-form-radio { background-position: 0 -17px; } /*--check box button---*/ .checkbt .x-form-checkbox{width:17px;height:19px;} .checkbt .x-form-checkbox{ vertical-align:middle;/*V*/ } .checkbt .x-form-item-body .x-form-checkbox { background-image: url("../images/Light/checkbox_new.png"); background-position:0px 0px; } .checkbt + .x-component.x-box-item.x-component-default{ line-height:1.9em !important; } /* .x-ie .checkbt + .x-component.x-box-item.x-component-default{ line-height:2.3em !important; } */ .checkbt .x-form-cb-wrap{ padding-top:0px !important; } /* .x-grid-checkheader { height: 14px; background-image: url('images/unchecked.gif'); background-position: 50% -2px; background-repeat: no-repeat; background-color: transparent; } .x-grid-checkheader-checked { background-image: url('images/checked.gif'); } */ .x-grid-checkheader { background-image: url("../images/Light/checkbox_new.png"); /*background-position:0px -1px;*/ background-position:0px 0px; margin-left:50%; background-repeat: no-repeat; background-color: transparent; width:17px; height:16px; } .x-grid-checkheader-checked { background-image: url("../images/Light/checkbox_new.png"); background-position: 0 -19px; margin-left:50%; background-repeat: no-repeat; background-color: transparent; width:17px; height:16px; } .x-grid-dirty-cell { /* background-image: url('../../resources/themes/images/eg_theme/grid/dirty.gif'); */ background-image:none; background-position: 0 0; background-repeat: no-repeat; } .x-form-cb-checked .x-form-checkbox{ background-position:0px -19px !important; } .checkbt .x-form-cb-focus { background-position:0px -17px; } .x-tree-checkbox{ background-image: url("../images/Light/checkbox_new.png"); background-position:0px 0px; /*f*/ /*background-position:0px 0px;*/ width:16px;/*f*/ height:16px; margin-top:0px; /*f*/ background-repeat: no-repeat; background-color: transparent; } .x-tree-checkbox-checked { background-image: url("../images/Light/checkbox_new.png"); background-position: 0 -20px; background-repeat: no-repeat; background-color: transparent; margin-top:0px; /*F*/ width:16px; height:16px; } /*----upload file------*/ /*.fileupload .x-form-trigger-input-cell{ background: url("../images/Light/text-area.png") no-repeat scroll 100% 100% transparent; background: url("../images/Light/text-area.png") no-repeat scroll 100% -379px transparent\9; }*/ .fileupload .x-form-text, .fileupload textarea.x-form-field{ background:#ffff; border:1px solid #abb2bd;padding-left:10px;padding-right:10px; height:21px; } .fileupload .x-btn-default-small { background:#535353; border:none; padding:0px 4px 0px 0px !important; } .fileupload .x-btn .x-btn-center .x-btn-inner{ padding:0px 0px 0px 10px; color: #FFFFFF; font-size: 12px; font-weight: normal; /* text-shadow: 1px 0 0 #333333; */ } .fileupload .x-btn em{ display:block; float:left; background:#535353; padding:0px 10px 0px 0px; } .fileupload .x-btn button{ background:#535353; } .fileupload .x-btn-default-small-icon button, .fileupload .x-btn-default-small-icon a, .fileupload .x-btn-default-small-icon .x-btn-inner, .fileupload .x-btn-default-small-noicon button, .fileupload .x-btn-default-small-noicon a, .fileupload .x-btn-default-small-noicon .x-btn-inner { height:21px; line-height:1.9em; } /*------textarea -------------------*/ .text-area .x-form-field{ min-height:65px !important; padding:5px; background: #fff; margin-bottom:5px; border:#abb2bd 1px solid; } textarea.x-form-field{ background-image: url("/final/images/clear.png"); } /*---------switch buttons-----------*/ .switch_bt{ width:72px !important; height:25px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; cursor: default !important; } .switch_bt_yes{ background-color:#3bafda !important; cursor: default !important; border:1px solid #3bafda; } .switch_bt_no{ background-color:#ffffff !important; cursor: default !important; border:1px solid #aab2bd; } .switch_bt .yes.x-box-item{ left:2px !important; width:32px !important; cursor: default !important; } .switch_bt .no.x-box-item{ left:36px !important; width:32px !important; cursor: default !important; } .switch_bt .yes.x-btn-default-small{ background:#aaaaaa url("../images/Light/switchButtonLinesNo.png") center center no-repeat; margin:2px; padding:2px; height:19px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; cursor: pointer; cursor:hand; } .switch_bt .no.x-btn-default-small{ background:#ffffff url("../images/Light/switchButtonLinesYes.png")center center no-repeat; margin:2px; padding:2px; height:19px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; cursor: pointer; cursor:hand; } .switch_bt .no.x-btn-default-small button span{visibility:hidden} .switch_bt .yes.x-btn-default-small button span{visibility:hidden} .switch_bt .yes.x-btn-default-small-pressed{ background-color:transparent; background-image:none; border:none; cursor: default !important; } .switch_bt .no.x-btn-default-small-pressed{ background-color:transparent; background-image:none; border:none; cursor: default !important; } .switch_bt .yes.x-btn-default-small-pressed span.x-btn-inner{ color:#ffffff !important; font-weight:500; font-size:12px; visibility:visible; cursor: default !important; } .switch_bt .no.x-btn-default-small-pressed span.x-btn-inner{ font-weight:500; font-size:12px; visibility:visible; cursor: default !important; } .switch_bt .x-btn-default-small-pressed span.x-btn-inner{ color:#1a1a1a; font-weight:500; font-size:12px !important; line-height:16px; cursor: default !important; } .switch_bt .x-toolbar-footer{ padding:0px; margin:0px;} .switch_bt button,.switch_bt button span{ width:auto !important;} /*-----button cls-----------------*/ .button20.x-btn-default-small, .toolbar .button20, .x-message-box .x-btn-default-small, .x-datepicker-footer .x-btn-default-small, .x-monthpicker-buttons .x-btn-default-small .x-toolbar .button20.x-btn-default-small { background: #535353; border:none; padding:0px 0px 0px 0px; } .button20.x-btn button:active, .toolbar .button20 button:active, .x-toolbar .button20 button:active, .x-message-box .x-btn button:active, .x-datepicker-footer .x-btn button:active, .x-monthpicker-buttons .x-btn button:active, .sqr_btn.x-btn-default-small.x-btn button:active, .tabsetButton.x-btn-default-small.x-btn button:active { overflow:visible; padding:0px 0px 0px 0px;display:block;zoom: 1; margin-top:-1px\9; } .x-nbr .x-btn-default-small-pressed.x-btn em{ background:#ff0000; border:none; } .button20.x-btn-default-small.x-btn .x-btn-center .x-btn-inner, .toolbar .button20.x-btn .x-btn-center .x-btn-inner, .x-toolbar .button20.x-btn .x-btn-center .x-btn-inner, .x-message-box .x-btn-default-small.x-btn .x-btn-center .x-btn-inner, .x-datepicker-footer .x-btn-default-small.x-btn .x-btn-center .x-btn-inner, .x-monthpicker-buttons .x-btn-default-small.x-btn .x-btn-center .x-btn-inner, .button20.x-btn-default-toolbar-small.x-btn .x-btn-center .x-btn-inner { /* font Change font-size:11px; */ font-size:12px; color: #FFFFFF !important; text-shadow:none !important; display:block; background:#535353; } .button20.x-btn-default-small.x-btn .x-btn-center .x-btn-inner, .toolbar .button20.x-btn .x-btn-center .x-btn-inner, .x-toolbar .button20.x-btn .x-btn-center .x-btn-inner, .x-message-box .x-btn-default-small.x-btn .x-btn-center .x-btn-inner, .x-datepicker-footer .x-btn-default-small.x-btn .x-btn-center .x-btn-inner, .x-monthpicker-buttons .x-btn-default-small.x-btn .x-btn-center .x-btn-inner, .button20.x-btn-default-toolbar-small.x-btn .x-btn-center .x-btn-inner { height:19px; text-shadow:none !important; padding: 2px 10px; /* font Change */ } /* In IE browser button text middle align issue fix ---start here--- */ .x-ie .button20.x-btn-default-small.x-btn .x-btn-center .x-btn-inner, .x-ie .toolbar .button20.x-btn .x-btn-center .x-btn-inner, .x-ie .x-toolbar .button20.x-btn .x-btn-center .x-btn-inner, .x-ie .x-message-box .x-btn-default-small.x-btn .x-btn-center .x-btn-inner, .x-ie .x-datepicker-footer .x-btn-default-small.x-btn .x-btn-center .x-btn-inner, .x-ie .x-monthpicker-buttons .x-btn-default-small.x-btn .x-btn-center .x-btn-inner, .x-ie .button20.x-btn-default-toolbar-small.x-btn .x-btn-center .x-btn-inner { height:19px; line-height:18px !important; text-shadow:none !important; } /* In IE browser button text middle align issue fix ---end here--- */ .button20.x-btn-default-small.x-btn em, .toolbar .button20.x-btn em, .x-toolbar .button20.x-btn em, .x-message-box .x-btn-default-small.x-btn em, .x-datepicker-footer .x-btn-default-small.x-btn em, .x-monthpicker-buttons .x-btn-default-small.x-btn em { display:block; float:left; background: #535353; } .x-btn-disabled span{ filter: alpha(opacity=100); opacity: 1; } .x-btn-disabled em { filter: alpha(opacity=50); opacity: 0.5; } .x-btn-default-small-disabled .x-btn-inner { color: #999999 !important; } .button20.x-btn-default-small.over, .toolbar .button20.over, .x-toolbar .button20.over, .x-message-box .x-btn-default-small.over, .x-datepicker-footer .x-btn-default-small.over, .fileupload .x-btn-default-small.over, .x-monthpicker-buttons .x-btn-default-small.over { background:#a1a1a1 !important; border:none; } .button20.x-btn-default-small.over em, .toolbar .button20.over em, .x-toolbar .button20.over em, .x-message-box .x-btn-default-small.over em, .x-datepicker-footer .x-btn-default-small.over em, .fileupload .x-btn-default-small.over em, .x-monthpicker-buttons .x-btn-default-small.over em { background:#a1a1a1 !important; border:none; } .button20.x-btn-default-small-pressed, .button20.x-btn-default-small-pressed em, .button20.x-btn-default-small-pressed.x-btn .x-btn-center .x-btn-inner, .buttonBig.x-btn-default-small-pressed, .buttonBig.x-btn-default-small-pressed em, .buttonBig.x-btn-default-small-pressed.x-btn .x-btn-center .x-btn-inner, .toolbar .button20.x-btn-default-small-pressed, .toolbar .button20.x-btn-default-small-pressed em, .toolbar .button20.x-btn-default-small-pressed.x-btn .x-btn-center .x-btn-inner, .x-toolbar .button20.x-btn-default-small-pressed, .x-toolbar .button20.x-btn-default-small-pressed em, .x-toolbar .button20.x-btn-default-small-pressed.x-btn .x-btn-center .x-btn-inner, .x-message-box .x-btn-default-small-pressed, .x-message-box .x-btn-default-small-pressed em, .x-message-box .x-btn-default-small-pressed.x-btn .x-btn-center .x-btn-inner, .x-datepicker-footer .x-btn-default-small-pressed, .x-datepicker-footer .x-btn-default-small-pressed em, .x-datepicker-footer .x-btn-default-small-pressed.x-btn .x-btn-center .x-btn-inner, .fileupload .x-btn-default-small-pressed, .fileupload .x-btn-default-small-pressed em, .fileupload .x-btn-default-small-pressed.x-btn .x-btn-center .x-btn-inner, .x-monthpicker-buttons .x-btn-default-small-pressed, .x-monthpicker-buttons .x-btn-default-small-pressed em, .x-monthpicker-buttons .x-btn-default-small-pressed.x-btn .x-btn-center .x-btn-inner { background: #919191; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkxOTE5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjExJSIgc3RvcC1jb2xvcj0iI2ExYTFhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMWExYTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important; background: -moz-linear-gradient(top, #919191 0%, #a1a1a1 11%, #a1a1a1 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#919191), color-stop(11%,#a1a1a1), color-stop(100%,#a1a1a1)) !important; background: -webkit-linear-gradient(top, #919191 0%,#a1a1a1 11%,#a1a1a1 100%) !important; background: -o-linear-gradient(top, #919191 0%,#a1a1a1 11%,#a1a1a1 100%) !important; background: -ms-linear-gradient(top, #919191 0%,#a1a1a1 11%,#a1a1a1 100%) !important; background: linear-gradient(to bottom, #919191 0%,#a1a1a1 11%,#a1a1a1 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#a1a1a1',GradientType=0 ) !important; border:0px !important; border-style:none; border-width:0px !important; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -ms-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; margin:0px; } .button20.x-btn-default-small.x-btn button, .toolbar .button20.x-btn button, .x-toolbar .button20.x-btn button, .x-message-box .x-btn-default-small.x-btn button, .x-datepicker-footer .x-btn-default-small.x-btn button, .x-monthpicker-buttons .x-btn-default-small.x-btn button { height:19px; line-height:16px; padding:0px 0px 0px 0px; } .button20.x-btn-default-small.x-btn.over .x-btn-center .x-btn-inner, .toolbar .button20.over .x-btn-center .x-btn-inner, .x-toolbar .button20.over .x-btn-center .x-btn-inner, .x-message-box .x-btn-default-small.x-btn.over .x-btn-center .x-btn-inner, .x-datepicker-footer .x-btn-default-small.x-btn.over .x-btn-center .x-btn-inner, .x-monthpicker-buttons .x-btn-default-small.x-btn.over .x-btn-center .x-btn-inner { background: #a1a1a1; } .button20.x-btn-default-small.x-btn-default-small-icon button, .button20.x-btn-default-small.x-btn-default-small-icon a, .button20.x-btn-default-small.x-btn-default-small-icon .x-btn-inner, .button20.x-btn-default-small.x-btn-default-small .x-btn-default-small-noicon button, .button20.x-btn-default-small.x-btn-default-small-noicon a, .button20.x-btn-default-small.x-btn-default-small-noicon .x-btn-inner { height:19px; /* font Change */ } /* ------------------------------ */ /* .x-btn-default-small { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; border:none !important; padding: 2px 2px 2px 2px; border-width: 0px; border-style: solid; background-image: none; background-color: #3bafda; } */ /*--------- buttonBig -----------------*/ .buttonBig{ background:none; border:0px; } .buttonBig.x-btn-default-small { background:none; border:none; padding:0px 0px 0px 0px; } .buttonBig.x-btn button:active { overflow:visible; padding:0px 0px 0px 0px;display:block;zoom: 1; margin-top:-1px\9; } .x-nbr .x-btn-default-small-pressed.x-btn em{ background: url("../images/Light/buttonLogin.png") 100% -150px no-repeat transparent!important; border:none; } .buttonBig.x-btn-default-small.x-btn .x-btn-center .x-btn-inner { padding:0px 0px 0px 12px; color: #FFFFFF; font-size: 12px; display:block; font-weight: normal; /* text-shadow: 1px 0 0 #333333; */ /*background: url("../images/Light/buttonLogin.png") 0% 0% repeat transparent;*/ background: #535353; } .buttonBig.x-btn-default-small-disabled{ background:#858585 !important; border:0px !important; } .buttonBig.x-btn-default-small-disabled.x-btn .x-btn-center .x-btn-inner { padding:0px 0px 0px 12px; color: #cccccc !important; font-size: 12px; display:block; font-weight:500; /* text-shadow: 1px 0 0 #333333; */ background: #535353; } .buttonBig.x-btn-default-small.x-btn .x-btn-center .x-btn-inner { height:26px; line-height:26px; } .buttonBig.x-btn-default-small.x-btn em { display:block; float:left; padding:0px 12px 0px 0px; background: #535353; } .buttonBig.x-btn-disabled em{ background: #535353; background:none; border:0px; } .buttonBig.x-btn-default-small.over em { background: #a1a1a1; border:none; } .buttonBig.x-btn-default-small.x-btn button { height:26px; line-height:26px; padding:0px 0px 0px 0px; } .buttonBig.x-btn-default-small.x-btn.over .x-btn-center .x-btn-inner { background: #a1a1a1; } .buttonLogin.x-btn-default-small.x-btn-default-small-icon button, .buttonLogin.x-btn-default-small.x-btn-default-small-icon a, .buttonLogin.x-btn-default-small.x-btn-default-small-icon .x-btn-inner, .buttonLogin.x-btn-default-small.x-btn-default-small .x-btn-default-small-noicon button, .buttonLogin.x-btn-default-small.x-btn-default-small-noicon a, .buttonLogin.x-btn-default-small.x-btn-default-small-noicon .x-btn-inner { height:26px; line-height:26px; } /* ------------------------------ */ /*-----square toggle buttons----*/ .sqr_btn.x-btn-default-small { padding:0px !important; background: none; border-width:0px !important; margin-right:8px; } .sqr_btn.x-btn-default-small.x-btn .x-btn-center .x-btn-inner{ padding:0px 0px 0px 30px; font-size:12px !important; font-weight:normal; display:block; /* text-shadow: 1px 1px 0 #ffffff; */ background: url("../images/Light/sprite-buttons-toggle-small.png") left -58px no-repeat transparent; height:25px !important; line-height:25px; } .sqr_btn.x-btn-default-small-icon-text-left .x-btn-icon{ top:14%; left:16%; } .sqr_btn.x-btn-default-small.x-btn em{ display:block; float:left; height:25px !important; line-height:25px; padding:0px 10px 0px 0px; background: url("../images/Light/sprite-buttons-toggle-small.png") right -87px no-repeat transparent; } .sqr_btn.x-btn-default-small.x-btn button{ background: none; } .sqr_btn.x-btn-default-small.over .x-btn-center .x-btn-inner{ background:url("../images/Light/sprite-buttons-toggle-small.png") no-repeat scroll left -58px transparent; } .sqr_btn.x-btn-default-small.over em{ background:url("../images/Light/sprite-buttons-toggle-small.png") no-repeat scroll right -87px transparent } .sqr_btn.x-btn-default-small.x-btn-pressed .x-btn-center .x-btn-inner{ background: url("../images/Light/sprite-buttons-toggle-small.png") no-repeat scroll left -115px transparent; color:#ffffff; } .sqr_btn.x-btn-default-small.x-btn-pressed em{ background: url("../images/Light/sprite-buttons-toggle-small.png") no-repeat scroll right -144px transparent !important; } .sqr_btn.x-btn-default-small .x-btn-inner{ font-size: 12px !important; } .sqr_btn.x-btn-default-small.x-btn .x-btn-icon.sqr_btn_state_HIGH{ background : url('../images/Light/state_icons.png') no-repeat top left; background-position : -200px -60px !important;width:16px;height:16px; } .sqr_btn.x-btn-default-small.x-btn-pressed .x-btn-icon.sqr_btn_state_HIGH{ background : url('../images/Light/state_icons.png') no-repeat top left; background-position: -200px -242px !important;width:16px;height:16px; } .sqr_btn.x-btn-default-small.x-btn .x-btn-icon.sqr_btn_state_INTERMEDIATE{ background : url('../images/Light/state_icons.png') no-repeat top left; background-position : -220px -60px !important;width:16px;height:16px; } .sqr_btn.x-btn-default-small.x-btn-pressed .x-btn-icon.sqr_btn_state_INTERMEDIATE{ background : url('../images/Light/state_icons.png') no-repeat top left; background-position: -220px -242px !important;width:16px;height:16px; } .sqr_btn.x-btn-default-small.x-btn .x-btn-icon.sqr_btn_state_LOW{ background : url('../images/Light/state_icons.png') no-repeat top left; background-position : -240px -60px !important;width:16px;height:16px; } .sqr_btn.x-btn-default-small.x-btn-pressed .x-btn-icon.sqr_btn_state_LOW{ background : url('../images/Light/state_icons.png') no-repeat top left; background-position: -240px -242px !important;width:16px;height:16px; } .labelContainer{ background:#ffffff !important; border:#aab2bd 1px solid !important; border-radius:0px !important; padding:2px 4px 2px 6px; } .labelContainer .x-panel-body{ font-weight:500; font-size:12px; line-height:1.5em; } #quicklinkprofile-body, #quicklinkprofile-body label{ font-size:12px; } #quicklinkprofile-body .x-toolbar .x-docked .x-toolbar-footer { padding:0px } .userProfileOuter { border:1px solid #d2d2d2; margin:10px 10px 0px 10px; padding:0px; } .userProfileSeparator{ width:2px; background:url("/final/images/Light/iconSeperator.png") repeat-y 0px 0px transparent !important; margin:0px; border:none !important; } .userProfileOuter .x-panel-body {background:#F7F7F7 !important;} .labelArrow{ background: transparent url('../images/Light/labelArrow.png') no-repeat;width:13px;height:6px; position:relative; top:1px; left:10px; } .quickMenuAlarmCurveBorder{ -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; border:1px solid #cdcdcd; } /*---datepicker and time picker-------------*/ .datepicker .x-form-item-body input.x-form-text, .timepicker .x-form-item-body input.x-form-text { /*background: url("../images/Light/smallest-selects.png") no-repeat scroll 0px -31px transparent;*/ background:#fff; border-color:#abb2bd; border-style:solid; border-width:1px 0px 1px 1px; padding-left:6px; padding-right:0px; height:21px !important; /* width:100px !important; padding-right:5px; width:85px !important; */ } .x-border-box .x-form-trigger{ height:21px; } .x-form-trigger{ width: 22px !important; } .datepicker .x-form-trigger{ background:url("../images/Light/form_input_buttons.png") no-repeat scroll 52% 1px #fff; border-color:#abb2bd; border-style:solid; border-width:1px 1px 1px 0px; height:21px !important; } /* .timepicker .x-form-trigger{ background: url("../images/Light/smallest-selects.png") no-repeat scroll 100% -629px transparent; border:0px; } */ /*-- drop down date---*/ .x-datepicker{ /* background:url("../images/Light/bg-calendar-small-shade.png") no-repeat 0% 0% transparent; */ width:232px !important; height:256px !important; /*border:1px solid #aab2bd !important;*/ background-color:#ffffff; margin-top:4px; border:1px solid #dedede !important; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); /* -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.7); -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.7); box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.7); */ } .x-datepicker-header { position:relative; height:28px; width:222px; margin:2px auto 6px auto; background-image:none; border:0px solid red; background-color:transparent; } .x-datepicker-header .x-btn .x-btn-center .x-btn-inner{ color:#1a1a1a; text-transform:uppercase; font-weight:500; font-size:12px; } table.x-datepicker-inner .x-datepicker-active { cursor: pointer; color: #ffffff; } table.x-datepicker-inner td { border: 0px solid; height: 29px; width:29px; border-color: #bbbbbb; text-align: right; padding: 2px; } .x-datepicker-inner, .x-datepicker-inner td { border-collapse:collapse; /*background:url("../images/Light/datapicker-dateBg.png") no-repeat 0% 0% transparent;*/ } table.x-datepicker-inner th { width:29px; height:20px; padding:2px 0px 0px 4px; border:0px solid red !important; color:#ffffff; font-size:9px; text-align:center; background:url("../images/spacer.gif") top left repeat-x transparent; background-color:#3bafda !important; cursor:default; border-collapse: separate; } table.x-datepicker-inner td a{ text-align:center; font-size:12px; height:29px; width:29px; vertical-align:middle; font-weight:500; } table.x-datepicker-inner td a em{ font-weight:500; line-height:30px; } table.x-datepicker-inner .x-datepicker-selected span { font-weight:500; line-height:30px; } table.x-datepicker-inner a { padding-right: 2px; display: block; zoom: 1; font-weight:500; font-size:11px; color: #666666; text-decoration: none; text-align: right; } .x-datepicker a { -moz-outline: 0 none; outline: 0 none; color: #666666; text-decoration: none; border-width: 0; } table.x-datepicker-inner .x-datepicker-today a{ background-color:#ffffff; color:#3bafda; text-decoration:underline; /*background:url("../images/Light/datapicker-dateTodayBg.png") 100% 100% no-repeat;*/ border:none; } table.x-datepicker-inner .x-datepicker-selected a{ background-color:#3bafda; color: #fff; /*background:url("../images/Light/datapicker-selected.png") 100% 100% no-repeat; text-shadow: 1px 1px 0 #151515;*/ border:none !important; text-decoration: none; line-height: 24px; } table.x-datepicker-inner a:hover { background-color:#3bafda; /*background:url("../images/Light/datapicker-selected.png") 100% 100% no-repeat;*/ color: #fff; } table.x-datepicker-inner .x-datepicker-disabled{ background:#ffffff !important; } table.x-datepicker-inner .x-datepicker-disabled a{ background:#ffffff !important; color:#e6e6e6 } table.x-datepicker-inner .x-datepicker-disabled a:hover{ background:none; color:#e6e6e6; } .x-datepicker-next{right:10px;} .x-datepicker-prev{ left:10px;} .x-datepicker-prev a{background:url("../images/Light/picker_prev.png") 100% 100% no-repeat;} .x-datepicker-next a{background:url("../images/Light/picker_next.png") 100% 100% no-repeat;} .x-datepicker-prev, .x-datepicker-next{top:6px} table.x-datepicker-inner{ width:100%; margin-left:0px; margin-top:0px; } .x-datepicker-footer{display:none} .x-datepicker-month .x-btn-split-right { background-image: url('../images/Light/s-arrow-light.png'); padding-right: 12px; } .x-monthpicker{ width:232px !important; height:256px !important; /*border:1px solid #aab2bd !important;*/ background-color:#ffffff; border:1px solid #dedede !important; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } .x-monthpicker-months{ border:0px solid red} .x-monthpicker-body{ width:100%; margin:4px auto 0px 10px; } .x-monthpicker-months { border-collapse:collapse; } .x-monthpicker-months { width: 98px; margin-right:10px; } .x-monthpicker-years{ width: 98px; } .x-monthpicker-months, .x-monthpicker-years { float: left; height: 200px; margin-top:3px; } .x-monthpicker-years .x-monthpicker-item { width: 42px; height:28px; margin:2px; } .x-monthpicker-months .x-monthpicker-item { width: 42px; height:28px; margin:2px; } .x-monthpicker-item { float: left; width:42px; height:28px; border-collapse:collapse; font-size:12px; text-align: center; vertical-align: middle; border:0px solid #bbbbbb; /*background:url("../images/Light/monthpicker-monthBg.png") no-repeat 0% 0% transparent;*/ margin:2px; } .x-monthpicker-item a.x-monthpicker-selected { background-color:#3bafda; color: #fff; /*background:url("../images/Light/monthpicker-selected.png")no-repeat 0% 0% transparent;*/ font-weight:500; width:42px !important; height:28px !important; margin:0px; border:none; } .x-monthpicker-item a { -moz-outline: 0 none; outline: 0 none; text-decoration: none; border-width: 0; width:42px !important; height:28px !important; display: block; line-height: 28px; margin:0px; } .x-monthpicker-item a:hover { /*background:url("../images/Light/monthpicker-selected.png")no-repeat 0% 0% transparent;*/ background-color:#3bafda; color: #fff; font-weight:500; width:42px !important; height:28px !important; margin:0px; border:none; line-height: 28px; } .x-monthpicker-item .x-monthpicker-month a{ background-color:#ffffff; color:#3bafda !important; text-decoration:underline; border:none; } .x-monthpicker-buttons{ border-width:0px; margin-top:0px; border:none !important; } .x-monthpicker-buttons {background-color:transparent;background-image:none;border:0px none transparent !important;padding:0px;} .x-monthpicker-buttons, .x-monthpicker-buttons .x-btn, .x-monthpicker-buttons.x-btn-default-small{ background-color:transparent; background-image:none; border:0px none transparent !important; padding:0px !important;; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .x-monthpicker-yearnav button.x-monthpicker-yearnav-next{background:url("../images/Light/picker_next.png") 100% 100% no-repeat;float:right;cursor:pointer;margin-right:10px;} .x-monthpicker-yearnav button.x-monthpicker-yearnav-prev{background:url("../images/Light/picker_prev.png") 100% 100% no-repeat;float:left;cursor:pointer;margin-left:6px;} /*---slider----*/ .x-slider-horz{ height:12px; } .x-slider-horz .x-slider-thumb { width: 16px; height: 16px; position: absolute; background-color:#a9a9a9 !important; background-image:none !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border:1px solid #ffffff; margin-top:-3px; margin-left:-1px; margin-right:16px; padding:0px; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .x-slider-horz .x-slider-thumb-over, .x-slider-horz .x-slider-thumb-drag{ width:16px; height:16px; background-color:#33a4ce !important; background-image:none !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border:1px solid #ffffff; margin-top:-3px; margin-left:-1px; margin-right:20px; padding:0px; -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); /* background-image:url("../images/Light/slider-thumb.png") !important; */ } .x-slider-horz { /* background: transparent no-repeat 0 -24px; */ background-color:#33a4ce !important; width: 100%; margin-left:5px; margin-right:5px; padding:0px; height: 12px; } .x-slider-horz .x-slider-end { zoom: 1; background: transparent; background-image:none !important; padding:0px; height: 12px; } .x-slider-horz .x-slider-inner { background-image:none !important; background-color:#e1e1e1 !important; height: 12px; margin-left:0px; margin-right:0px; width: 100%; padding:0px } .x-slider-inner { position: relative; overflow: visible; height: 12px; margin-left:0px; margin-right:0px; zoom: 1; } .x-slider-horz .x-slider-bg { /*background-position:center bottom;*/ height: 12px; } .x-slider-horz, .x-slider-horz .x-slider-inner, .x-slider-horz .x-slider-bg { background-color:#33a4ce; width:100%; margin:0px; padding:0px; height:12px !important; } .slidervalues{font-size:12px;} .minvalue{position:absolute; bottom:0px; left:0px;} .maxvalue{position:absolute; bottom:0px; right:0px;} /* Components styles end here .....*/ /***************Grid panel Design styles start here *********/ .gridSkin{ /*border:1px solid #cdcdcd; jaiwin- removeShadow7 -webkit-box-shadow: 0px 0px 4px 0px rgba(100,100,100,0.5); -moz-box-shadow: 0px 0px 4px 0px rgba(100,100,100,0.5); box-shadow: 0px 0px 4px 0px rgba(100,100,100,0.5);*/ border:1px solid #cdcdcd !important;/*F*/ /* 16dec2016 - suggested by shankar - reporter page - Jaiwin -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); */ background: #fbfbfb; } .datapanel .gridSkin{/*F*/ border-top:0px solid #cdcdcd !important; border-left:0px solid #cdcdcd !important; border-right:0px solid #cdcdcd !important; border-bottom:0px solid #cdcdcd !important; } .gridSkin .x-column-header-inner .x-column-header-text { font-weight:500;/*F*/ line-height: 18px;/*F*/ color:#1a1a1a;/*F*/ } .border div.x-grid-header-ct.x-docked-noborder-left .border div.x-grid-header-ct.x-docked-noborder-right, .border div.x-grid-header-ct.x-docked-noborder-top{ border-color:#cdcdcd !important; border-style:solid !important; border-width:0px 1px 0px 1px !important; } .border div.x-grid-body.x-docked-noborder-left, .border div.x-grid-body.x-docked-noborder-right, .border div.x-grid-body.x-docked-noborder-bottom{ border-color:#cdcdcd !important; border-style:solid !important; border-width:0px 1px 1px 1px !important; } .gridSkin .x-column-header-inner {/*F*/ zoom: 1; position: relative; white-space: nowrap; line-height: 20px; padding:4px 10px 4px 10px; } .gridSkin div.x-panel-header { background: #f6f6f6;/*F*/ border-width:0px 0px 1px 0px; border-color:#cdcdcd;/*F*/ box-shadow:none; } .gridSkin .x-grid-table{ } .gridSkin div.x-panel-header span.x-panel-header-text{ font-size:12px; /* text-shadow: 1px 0 0 #ffffff; */ } .gridSkin.gridShadow{ /* jaiwin- removeShadow8*/ -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } .gridSkin.noShadow{ /* jaiwin- removeShadow8*/ -webkit-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); } /*.gridSkin div.x-column-header{ font-size:12px; text-transform:uppercase; text-shadow:none; background:#cdcdcd; font-weight:normal; border-color:#adadad #adadad #adadad #cdcdcd !important; border-style:solid; border-width:0px 1px 1px 1px !important; padding:1px 0px 0px; }*//*F*/ /*.gridSkin .x-column-header { padding: 0; position: absolute; overflow: hidden; font-size:12px; text-transform:uppercase; border-right: 1px solid #cdcdcd; border-left: 0px solid #cdcdcd !important ; border-top: 0px solid #cdcdcd !important; border-bottom: 0px solid #cdcdcd !important; background-image: none; text-shadow:none; background-color:#e6e6e6 } .gridSkin .x-column-header-inner { top: 0%; bottom: 0; padding:6px 10px 3px 10px; } .gridSkin .x-grid-header-ct { border-color:#cdcdcd #cdcdcd #cdcdcd #cdcdcd !important; border-style:solid; border-width:1px 0px 1px 0px!important; } .gridSkin div.x-column-header-first{ border-width:0px 1px 0px 0px !important; } .gridSkin div.x-column-header-last{ border-width:0px 0px 0px 0px !important; }*/ .gridSkin div.x-column-header-last{/*F*/ border-width:0px 0px 0px 0px !important; } .gridSkin .x-column-header {/*F*/ padding: 0; position: absolute; overflow: hidden; border-right: 1px solid #cdcdcd; border-left: 0 none; border-top: 0 none; border-bottom: 0 none; color: null; text-shadow:none; text-transform:uppercase; background-image: none; background-color: #e6e6e6; background-image: none; } .gridSkin .x-grid-view{ border-top-color:#cdcdcd !important;/*F*/ border-right-color:#cdcdcd;/*F*/ border-bottom-color:#cdcdcd;/*F*/ border-left-color:#cdcdcd;/*F*/ border-style:solid; border-width:0px 0px 0px 0px !important;/*F*/ } div .fancy_border:last-child, .x-container .x-container.fancy_border:last-child, .x-panel .x-container.fancy_border:last-child , table tr > td:last-of-type .fancy_border{ background:none; } /*------alarm details popup-------*/ #currentAlarmsGrid div.x-grid-view table.x-grid-table .x-grid-row .x-grid-cell{ background-color: #ffffff; border-right-color:#bfbebf; border-bottom-color:#bfbebf; border-style: solid; border-width:0px 0px 0px 0px; } .gridSkin .x-grid-cell, .gridSkin .x-grid-rowwrap-div{ background-color: #ffffff !important; border-right-color:#cdcdcd;/*F*/ border-bottom-color:#cdcdcd;/*F*/ border-style: solid; border-width:0px 0px 1px 0px;/*--15/12/2021-V-*/ } tr.gridRemoveLine + td.x-grid-cell{border-width:0px 0px 0px 0px !important} tr.gridAddLine + td.x-grid-cell{border-width:0px 0px 1px 0px !important} /*----15/12/2021----*/ #currentAlarmsGrid.gridSkin table.x-grid-table .x-grid-cell-rowbody, #historysummary.gridSkin table.x-grid-table .x-grid-cell-rowbody{ border-bottom-color:#cdcdcd; border-style:solid; border-width:0px 0px 1px 0px } /*----15/12/2021----*/ #historysummary.gridSkin .x-grid-row.x-grid-row-selected .x-grid-cell, #historysummary.gridSkin .x-grid-row.x-grid-row-selected .x-grid-rowwrap-div { background-color: #c1ddf1 !important; border-right-color:#cdcdcd;/*F*/ border-bottom-color:#cdcdcd;/*F*/ border-style: solid; border-width:0px 0px 0px 0px; } #historyacksummary.gridSkin .x-grid-row.x-grid-row-selected .x-grid-cell, #historyacksummary.gridSkin .x-grid-row.x-grid-row-selected .x-grid-rowwrap-div { background-color: #c1ddf1 !important; border-right-color:#cdcdcd;/*F*/ border-bottom-color:#cdcdcd;/*F*/ border-style: solid; border-width:0px 0px 0px 0px; } #historysummary a.iconConfigure{ height:16px !important } /*----15/12/2021----*/ .measureHead .gridSkin .x-grid-row:hover, .measureHead .gridSkin .x-grid-row-over .x-grid-cell, .measureHead .gridSkin .x-grid-row-over .x-grid-rowwrap-div{ border-width: 0px 0px 1px 0px !important; border-style:solid; border-color:#cdcdcd } #historyacksummary .gridSkin .x-grid-row:hover, #historyacksummary .gridSkin .x-grid-row-over .x-grid-cell, #historyacksummary .gridSkin .x-grid-row-over .x-grid-rowwrap-div{ border-width: 0px 0px 0px 0px !important; border-style:solid; border-color:#cdcdcd } #historyacksummary .gridSkin .x-grid-row, #historyacksummary .gridSkin .x-grid-row .x-grid-cell, #historyacksummary .gridSkin .x-grid-row .x-grid-rowwrap-div{ border-width: 0px 0px 1px 0px !important; border-style:solid; border-color:#cdcdcd } .gridSkin .x-grid-with-row-lines .x-grid-cell{ border:none !important } .gridSkin .x-grid-row.x-grid-row-selected .x-grid-cell, .gridSkin .x-grid-row.x-grid-row-selected .x-grid-rowwrap-div { background-color: #c1ddf1 !important; border-right-color:#cdcdcd;/*F*/ border-bottom-color:#cdcdcd;/*F*/ border-style: solid; /*border-width:1px 1px 1px 0px;*/ } .gridSkin .x-box-inner .x-group-sub-header, .gridSkin .x-box-inner .x-group-sub-header:last-child { border-top: 1px solid #cdcdcd !important;/*F*/ border-right: 1px solid #cdcdcd !important;/*F*/ border-bottom: none; border-left:none; } .gridSkin .x-box-inner .x-group-sub-header { background:#f5f5f5 !important;/*F*/ text-align: center; padding-top: 0px; font-size: 10px; } .gridSkin .x-box-inner .x-group-sub-header .x-column-header-over, .gridSkin .x-box-inner .x-group-sub-header .x-column-header-sort-ASC, .gridSkin .x-box-inner .x-group-sub-header .x-column-header-sort-DESC { background:#f3f3f3 !important; text-align: center; padding-top: 0px; font-size: 10px; } .x-grid-group-hd-collapsible .x-grid-group-title { background: transparent no-repeat 0 0px; background-image: url('../images/Light/eG_Icons.png'); background-position: -40px -580px; width: 16px; height: 16px; padding: 0 0 0 18px; line-height:16px; } .x-grid-group-hd-collapsed .x-grid-group-title { background-image: url('../images/Light/eG_Icons.png'); background-position: -40px -560px; width: 16px; height: 16px; margin-right:5px; } .gridSkin .x-grid-row .x-grid-cell{ font-size:12px; } /*-current alarms grid state icon-1/11-2021---*/ .gridSkin .x-grid-row .x-grid-cell div.x-grid-cell-inner img.state_HIGH, .gridSkin .x-grid-row .x-grid-cell div.x-grid-cell-inner img.state_GOOD, .gridSkin .x-grid-row .x-grid-cell div.x-grid-cell-inner img.state_LOW, .gridSkin .x-grid-row .x-grid-cell div.x-grid-cell-inner img.state_INTERMEDIATE, .gridSkin .x-grid-row .x-grid-cell div.x-grid-cell-inner img.state_GRAY{ display:block; margin:auto; margin-top:1px; margin-left:-2px } .gridSkin .x-grid-row .x-grid-cell div.x-grid-cell-inner img.state_UNKNOWN{ position:relative; left:0px; top:1px } /*---ack icon alignment--------------------*/ .gridSkin .x-grid-row .x-grid-cell div.x-grid-cell-inner img.alarmCriticalAck, .gridSkin .x-grid-row .x-grid-cell div.x-grid-cell-inner img.alarmMajorAck, .gridSkin .x-grid-row .x-grid-cell div.x-grid-cell-inner img.alarmMinorAck, .gridSkin .x-grid-row .x-grid-cell div.x-grid-cell-inner img.alarmUnknownAck, .gridSkin .x-grid-row .x-grid-cell div.x-grid-cell-inner img.alarmNormalAck, .gridSkin .x-grid-row .x-grid-cell div.x-grid-cell-inner img.alarmGrayAck{ margin-left:-2px } .gridSkin .x-grid-row-alt .x-grid-cell, .gridSkin .x-grid-row-alt .x-grid-rowwrap-div, .gridSkin .x-grid-row-alt .x-grid-cell-special { background-color: #f9f9f9 !important;/*F*/ } .gridSkin .x-grid-cell-inner {line-height:20px !important} .gridSkin.x-grid-with-row-lines .x-grid-cell-inner{padding:2px 10px 2px 10px !important;} /*F*/ .gridSkin .x-grid-row-selected .x-grid-cell-special{ background-image: none !important; border-width:0px 0px 0px 0px !important } .gridSkin .x-grid-row:hover, .gridSkin .x-grid-row-over .x-grid-cell, .gridSkin .x-grid-row-over .x-grid-rowwrap-div { background:#e6e6e6;/*F*/ font-weight:normal !important; border-width:0px 0px 0px 0px } .gridSkin .x-column-header-over, .gridSkin .x-column-header-sort-ASC, .gridSkin .x-column-header-sort-DESC { background:#e6e6e6 !important;/*F*/ } /* hidden by jaiwin for alignment issue .x-ie .x-column-header-inner{ line-height:20px !important; } .gridSkin .x-column-header-inner{ line-height:20px !important; } .x-ie .gridSkin .x-column-header-inner{ line-height:20px !important; } */ .gridSkin .x-grid-cell-inner, .gridSkin .x-grid-cell-inner a { color:inherit; } .gridSkin .x-grid-row:hover .x-grid-cell .x-grid-cell-inner { /* feedback from boss - chitra font-weight:500; */ } /* .gridSkin .x-grid-row:hover .x-grid-cell .x-grid-cell-inner .iconLineChart, .gridSkin .x-grid-row:hover .x-grid-cell .x-grid-cell-inner .iconConfigure, .gridSkin .x-grid-row:hover .x-grid-cell .x-grid-cell-inner .iconAssetConfiguration, .gridSkin .x-grid-row:hover .x-grid-cell .x-grid-cell-inner .iconDiagnosis{ -webkit-filter: brightness(9); filter: brightness(9); } */ .x-action-col-cell .x-grid-cell-inner{ line-height:0px !important; } .gridSkin .x-grid-row-checker { margin-left:-5px; } .gridSkin .x-grid-row-checker, .gridSkin .x-column-header-checkbox .x-column-header-text{ background-image: url("../images/Light/checkbox_new.png"); background-position:0px 0px; height:16px; width:16px; padding:0px !important; } .gridSkin .x-grid-cell-inner .x-grid-row-checker { background-image: url("../images/Light/checkbox_new.png"); background-position:0px 0px; height:16px; width:16px; padding:0px !important; } .noEllipsis .x-grid-cell-inner{ text-overflow:clip; } .gridSkin .x-grid-hd-checker-on .x-column-header-text, .gridSkin .x-grid-row-selected .x-grid-row-checker, .gridSkin .x-grid-row-checked .x-grid-row-checker { background-position:0px -19px !important; } .gridSkin .x-column-header-trigger { background-color:#BBBBBB; display:none; background-image:url('../images/Light/grid3-hd-btn_new.gif'); } .x-action-col-icon { cursor:pointer} /* .x-panel .x-grid-body{ border-width:0px !important;} */ .gridSkin .x-grid-body{ border-width:0px} /* .gridSkin .x-grid-group-hd .x-grid-cell-inner{ background:#e5e5e5;padding:2px 0px 2px 10px;border-width:0px;font-weight:500} /F/ */ .gridSkin .x-grid-group-hd .x-grid-cell-inner{ background:#ededed;padding:2px 0px 2px 10px;border-width:0px;font-weight:500} /*J - for dd page row bg color*/ .gridSkin .x-grid-group-title{font-size:12px;color:#1a1a1a !important;} .gridSkin .x-action-col-cell div{ text-align:center !important;} /* .gridSkin .x-action-col-cell div img{margin-top:3px} -- hidden for text and image alignment in grid row. - Jaiwin */ .gridSkin .x-column-header-sort-DESC .x-column-header-text{ background:url('../images/Light/grid_sort_down.png') right 1px no-repeat; /* font Change */ line-height:20px;/*F*/ padding-right:10px; /* font Change */ } .gridSkin .x-column-header-sort-ASC .x-column-header-text{ background:url('../images/Light/grid_sort_top.png') right 1px no-repeat; /* font Change */ line-height:20px;/*F*/ padding-right:10px; /* font Change */ } .gridSkin .x-grid-header-ct {/*F*/ border-width: 0px 0px 1px 0px!important; background: #e6e6e6 !important; border-color:#cdcdcd !important; border-style:solid } .x-grid-row .x-grid-cell{ font-size:12px; } .gridSkin div.x-panel-header.x-accordion-hd{ border-width:0px 0px 0px 0px !important; background: #fbfbfb !important; } .gridSkin div.x-panel-header.x-accordion-hd .x-panel-header-text{ font-size: 12px !important; font-weight:500; } /***************Grid panel Design styles end here *********/ /*************** xTable Design styles start here *********/ .tableBorderHtml{ border: 1px solid #828282; border-collapse: collapse;} .tableHeadFont{ font-weight:500; font-size:13px; padding:4px; } .theadBorderHtml{ border: 1px solid #959595; background:#828282; color: #fff; font-weight:500; font-size:13px; padding:2px 10px 2px 10px } .theadBorderHtml:last-child{ /*J reporter kpi table header right border color issue */ border-right-color:#828282; } /*-----------Header Light color--17-11-2021---*/ .theadBorderLightHtml{ border: 1px solid #d9d9d9; background:#d7d7d7; color: #1a1a1a; font-weight:500; font-size:12px !important; padding:1px 10px 1px 10px } .tableTrBgEven{ background-color: #f4f4f4;} .tableTrBgOdd{background-color: #fff;} .tdBorderHtml{ border: 1px solid #D9D9D9;} .tdBorderHtmlInner{ border: 1px solid #D9D9D9;padding:2px 10px 2px 10px} .kpiTableTdBorder{ border-left: 1px solid #D9D9D9 !important;/*F*/ border-right: 1px solid #D9D9D9 !important;/*F*/ } .kpiTableTdBorder:first-child{/*F*/ border-left: 0px solid #D9D9D9 !important; } .kpiTableTdBorder:last-child{/*F*/ border-right: 0px solid #D9D9D9 !important; } .kpiTableTdBorderWithRowspan{ border-top: 0px solid #D9D9D9 !important;/*F*/ border-right: 1px solid #D9D9D9 !important;/*F*/ border-bottom: 1px solid #D9D9D9 !important;/*F*/ border-left: 1px solid #D9D9D9 !important;/*F*/ } .testConfigHtml{ background:#cdcdcd; font-weight:normal; font-size:11px; text-transform:uppercase; } .testConfigTdEven{border-bottom: 1px solid #D9D9D9;background-color: #f4f4f4;} .testConfigTdOdd{border-bottom: 1px solid #D9D9D9;background-color: #ffffff;} .health_margin { padding-top: 10px; } .border_bottom{ border-bottom:0px solid #D9D9D9 } .quickMaiteninset_border{ border:1px solid #D9D9D9;border-top: 0px;border-left: 0px;border-bottom: 0px; } .tableTrBgEven th{ padding:6px;} .tableTrBgEven td{ font-size:11px; } .tableTrBgOdd td, .tableTrBgOdd td span{ font-size:11px;} .theadnewBorderHtml { border-right: 1px solid #adadad; border-left: 1px solid #adadad; font-size:11px; } .handSymbol{cursor:pointer;} /* reporter table start here */ .x-table-tree{border:1px solid #d9d9d9} .x-table-tree table{width:100%} .x-table-tree table thead tr th{ background-color:#cdcdcd !important; font-size: 11px; text-transform: uppercase; text-shadow: none; background: #cdcdcd; font-weight: normal; border-top-color: #adadad !important; border-right-color: #adadad !important; border-bottom-color: #adadad !important; border-left-color: #cdcdcd !important; border-style: solid; border-top-width: 0px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; padding:3px 10px 3px 10px !important; } .x-table-tree table thead tr th:first-child{ border-left-width: 0px !important; border-left-color: #cdcdcd !important; } .x-table-tree table tbody tr td{ white-space: normal !important; font-size: 11px; line-height:18px; background: transparent; padding:3px 10px 3px 10px; } .x-table-tree table tbody tr:nth-child(even) {background-color:#f4f4f4 !important;border-bottom:1px solid #d3d3d3;} .x-table-tree table tbody tr:nth-child(odd) {background-color:#ffffff !important;border-bottom:1px solid #d3d3d3;} /* reporter table end here */ .x-grid-table{ width:100% } .x-ie .x-grid-table{ width:100% !important} /* bug-id = 12989 */ .x-grid-table{ width:auto\0;width:auto\9} .x-table-outer-border{border:#e3e3e3 0px solid;margin-bottom:10px;}/*V*//*---Layer model test details---------*/ .x-table table.x-grid-table{ width:100%;border-color: #D9D9D9;border-collapse:collapse;border-width: 1px 1px 1px 1px;} .x-table table tbody tr:nth-child(even) {background-color:#f4f4f4 !important} .x-table table tbody tr:nth-child(odd) {background-color:#ffffff !important} .x-table table.x-grid-table tbody tr:hover td{background:#e2eff8} .x-table{ width:100%} .x-table thead .x-grid-row .x-grid-cell{ font-size: 11px; text-transform: uppercase; text-shadow: none; background: #e6e6e6 !important;/*F*/ font-weight: normal; border-top-color: #cdcdcd !important;/*F*/ border-right-color: #cdcdcd !important;/*F*/ border-bottom-color: #cdcdcd !important;/*F*/ border-left-color: #cdcdcd !important; border-style: solid; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; } .x-table thead .x-grid-cell, .x-table thead .x-grid-cell-inner { font-size: 11px; line-height:13px; text-transform: uppercase !important; text-shadow: none; background: #f9f9f9 !important;/*F*/ } .x-table tbody .x-grid-row .x-grid-cell{ border-color: #cdcdcd;/*F*/ /*background:#f7f7f7 !important;*/ border-width: 0px 0px 1px 0px; } .x-table tbody .x-grid-row .x-grid-cell{} .x-table tbody .x-grid-cell, .x-table tbody .x-grid-cell-inner { white-space: normal !important; font-size: 12px;/*F*/ line-height:18px; background: transparent; } div.x-table.no_rap table tbody td > div{ white-space: nowrap !important; font-size: 11px; line-height:17px; background: transparent; } .x-table .x-grid-cell-first { border-width: 0px 0px 1px 0px !important; } .x-table thead .x-grid-row .x-grid-cell{ /* padding:4px 4px 4px 4px !important; */ } .x-table .x-grid-row .x-grid-cell .x-grid-cell-inner{ padding: 4px 10px 4px 10px !important; line-height: 1.5em; } /*************** xTable Design styles end here *********/ /*************** Reporter Accordion Table Design styles start here *********/ .reporterContentPanelBody{ margin:5px 10px 5px 10px; /*border-top: 1px solid #e3e3e3 !important; border-right: 1px solid #e3e3e3 !important; border-bottom: 1px solid #e3e3e3 !important; border-left: 1px solid #e3e3e3 !important;*/ border:1px solid #dedede !important; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } .reporterContentPanelBody .x-panel-header{ background: #fbfbfb !important; padding:2px 7px 3px 10px; border-top-color:#e3e3e3; border-right-color:#e3e3e3; border-bottom-color:#b2b2b2; border-left-color:#e3e3e3; border-width:1px 1px 1px 1px; border-style:solid; margin:0px !important; /* jaiwin- removeShadow9*/ } .reporterContentPanelBody span.x-panel-header-text { font-size:12px; text-transform: uppercase; } .reporterAccordionDiv{ background: #ffffff; padding:0px 0px 4px 0px; border-top-color:#d1d1d1; border-right-color:#e3e3e3; border-bottom-color:#e3e3e3; border-left-color:#e3e3e3; border-width:1px 0px 0px 0px ; border-style:solid; } .reporterAccordionTable{ width:100%; border-width:0px 0px 0px 0px ; } .reporterAccordionTable tr td{ white-space: normal !important; font-size: 12px; line-height:12px; } .reporterAccordionTable tr td div{ padding:0px 5px 5px 5px !important; } .reporterAccordionTable tr td div .innerTableMargin{ margin:0px 0px 0px 40px !important; } .reporterAccordionTable tr td div .iconPadding{ padding:4px 4px 4px 14px !important; } .reporterAccordionTable tr td div.reporterTreeLink{ padding:5px 0px 1px 10px !important; } .reporterAccordionTable tr td div .textPadding{ padding:4px 4px 4px 8px !important; } .reporterAccordionTable .innerSubHead{ background:#f6f6f6; font-weight:500; border-bottom:1px solid #d1d1d1; font-size:11px; } .reporterAccordionTable tr td div.innerTdHeaderText{ font-weight:500; font-size:11px; padding:4px 4px 4px 6px !important; } /*************** Reporter Accordion Table Design styles end here *********/ /**************** Reporter VDI Assessment Column HighLight****************/ .odd-col{background:url("/final/images/sprite-buttons.png") repeat-x scroll right -1169px transparent !important; font-weight:500;font-size:12px;margin:0px 0px 0px 8px} /*************** paging toolbar Design styles start here *********/ .x-toolbar.x-docked .textbox .x-form-item-body input.x-form-text { background-position: 0 -1px !important; } /* .x-toolbar.x-docked label{ font-size:11px} */ .x-toolbar .x-form-item-label { font-size: 12px; /*line-height: 18px;*//*v---Combo label align in Toolbar*/ } .pagingtoolbar.x-toolbar-default { border-top:#C5C4C5 1px solid!important; background-color:#ffffff; background-image:none !important; margin:0px;/*F*/ padding-top:5px;/*F*/ padding-bottom:5px;/*F*/ } .x-toolbar.pagingtoolbar.x-toolbar-default .x-toolbar-text{/*F*/ line-height:inherit; } .x-toolbar.pagingtoolbar.x-toolbar-default .x-toolbar-separator.x-toolbar-separator-horizontal{/*F*/ margin: 0px 4px 0 0 !important; top:0px; } .x-nlg .x-toolbar-default { background-image:none !important; } /*---toolbar--*/ .toolbar, .x-toolbar-default { background-color:transparent !important; background-image:none !important; border:none !important; } .dockedBg { background-color:#F7F7F7 } .pagingtoolbar .x-form-trigger-input-cell input { border-top: #959595 1px solid; border-bottom: #959595 1px solid; border-left: #959595 1px solid; border-right: #959595 1px solid; font-size: 10px!important; color: #000; font-weight: normal; /* height: 15px!important; margin: 0; padding: 2px 2px 2px 2px; margin-top: 1px; */ background: #fff; text-align: center; height: 15px !important; line-height:100% !important; } .x-toolbar .x-toolbar-text { font-size: 10px !important; } .pagingtoolbar .x-form-trigger-input-cell { /*background: url("../images/Light/text-area.png") no-repeat scroll 0% -1px transparent; */ padding-left:5px; } .x-btn-default-toolbar-small-focus, .x-btn-default-toolbar-small-over{background:none;border:0px;background-image:none} .x-toolbar .x-toolbar-text{ font-size:12px} .pagingtoolbar .x-tbar-page-first { background-image:url('../images/Light/page-first.png')!important} .pagingtoolbar .x-tbar-page-last { background-image:url('../images/Light/page-last.png')!important} .pagingtoolbar .x-tbar-page-next { background-image:url('../images/Light/page-next.png')!important} .pagingtoolbar .x-tbar-page-prev { background-image:url('../images/Light/page-prev.png')!important} .pagingtoolbar .x-tbar-loading { background-image:url('../images/Light/refresh.png')!important} .pagingtoolbar .x-item-disabled .x-tbar-page-first { background-image:url('../images/Light/page-first-disabled.png')!important} .pagingtoolbar .x-item-disabled .x-tbar-page-last { background-image:url('../images/Light/page-last-disabled.png')!important} .pagingtoolbar .x-item-disabled .x-tbar-page-next { background-image:url('../images/Light/page-next-disabled.png')!important} .pagingtoolbar .x-item-disabled .x-tbar-page-prev { background-image:url('../images/Light/page-prev-disabled.png')!important} .pagingtoolbar .x-item-disabled .x-tbar-loading { background-image:url('../images/Light/refresh-disabled.png')!important} .pagingtoolbar .x-btn-default-toolbar-small { border-color:transparent} .pagingtoolbar .x-btn-default-toolbar-small { -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; border-radius:0px; padding:0px !important; border-width:0px; border-style:solid; background-color:transparent} .pagingtoolbar .x-btn-default-toolbar-small-over { border-color:transparent} .pagingtoolbar .x-btn-default-toolbar-small-over { border-color:#d2d2d2; background-image:none; background-color:#ededed; } .pagingtoolbar .x-toolbar .x-toolbar-separator-horizontal { margin: 2px 3px 2px 2px; height: 10px; width: 0; border-left:1px solid #ABACAE; border-right:1px solid #FAFAFA; } .x-toolbar .x-toolbar-text{ color:inherit; } /*************** paging toolbar Design styles end here *********/ /***************tip Design styles start here *********/ .x-tip{ background:#4a4a4a; color:#fff; border-color:#4a4a4a !important; } .x-tip-body, .x-form-invalid-tip-body{ color:#fff; } .x-tip-header, .x-tip-body, .x-form-invalid-tip-body{ font-size:11px; /* width:100%!important; This is changed to fix the tooltip text hidden issue in Firefox - 4/11/22 - Jaiwin. dynamic width is over written by this !important. It is affecting the box-sizing:border-box; */ width:100%; } .alarmTip.x-tip{ background:#535353; border-color:#dedede !important; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } .alarmTip .x-tip-header{ padding-left:4px !important; border-top-color:#828282 !important; border-right-color:#a8a8a8 !important; border-bottom-color:#525252 !important; border-left-color:#727272 !important; border-style:solid; } .alarmTip .x-tip-body, .alarmTip .x-form-invalid-tip-body{ background:#535353 !important; } .alarmTip .x-tip-header, .alarmTip .x-tip-body, .alarmTip .x-form-invalid-tip-body{ font-size:12px; width:100%!important; color:#1a1a1a; padding:0px; } .alarmTip .x-tip-header-text { user-select:none; -o-user-select:none; -ms-user-select:none; -moz-user-select:-moz-none; -webkit-user-select:none; cursor:default; color:#fff; font-size:14px; font-weight:500; padding-left:14px !important;} /* Added for Grid Tootl tip */ .alarmTip .x-grid-table{ width:100%} .alarmTip .x-grid-table{width:auto\9} .alarmTip table.x-grid-table{ width:100%;border-color: #D9D9D9;border-collapse:collapse;border-width: 1px 1px 1px 1px;} .alarmTip table.x-grid-table tr:nth-child(even) {background: #f4f4f4} .alarmTip table.x-grid-table tr:nth-child(odd) {background: #ffffff} .alarmTip .x-grid-table{ width:100%} .alarmTip .x-grid-table thead .x-grid-row .x-grid-cell{ border-top-color:#adadad !important; border-right-color:#adadad !important; border-bottom-color:#adadad !important; border-left-color:#cdcdcd !important; border-style:solid; border-top-width:1px !important; border-right-width:1px !important; border-bottom-width:1px !important; border-left-width:1px !important; background-color:#cdcdcd !important; } .alarmTip .x-grid-table thead .x-grid-cell, .alarmTip .x-grid-table thead .x-grid-cell-inner { font-size:11px; text-shadow:none; padding:2px 2px 2px 2px !important; text-transform:uppercase; } .alarmTip .x-grid-row { border: 1px solid #d3d3d3; } .alarmTip .x-grid-table tbody .x-grid-row .x-grid-cell{ border-color: #d3d3d3; /*background:#f7f7f7 !important;*/ border-width: 0px 0px 0px 0px !important; } .alarmTip .x-grid-table tbody .x-grid-row .x-grid-cell{padding-left: 20px !important;} .alarmTip .x-grid-table tbody .x-grid-cell, .alarmTip .x-grid-table tbody .x-grid-cell-inner { white-space: normal !important; padding:2px 2px 2px 2px !important; font-size: 11px; line-height:12px; } .alarmTip .x-grid-table .x-grid-cell-first { border-width: 0 1px 1px 0px !important; } .alarmTip .x-grid-table thead .x-grid-row .x-grid-cell{ padding:2px 0px 3px 10px !important; } td.x-grid-cell-row-checker{ background:transparent;border-width:0px 0px 1px 0px !important} #currentalarmsmain .x-column-header:first-child{ border-width:0px 0px 0px 0px !important; border-left-color:transparent !important; border-right-color:transparent !important } #currentalarmsmain .alarmackrow.x-column-header{ border-right:1px solid #adadad !important; } /* Ends Here */ /***************tip Design styles end here *********/ /***************Loader Mask Design styles start here *********/ .iconBg .x-mask { z-index:100; position:absolute; top:0; left:0; width:100%; height:100%; zoom:1; background:transparent; } .x-mask { z-index:100; position:absolute; top:0; left:0; filter:alpha(opacity=40); opacity:.4; width:100%; height:100%; zoom:1; background:transparent; } .x-mask-msg { z-index:20001; position:absolute; top:0; left:0; padding:2px; border:0px solid; border-color:#abb2bd; background-image:none; background-color:#ffffff; /*border-radius: 15px 15px 15px 15px; -moz-border-radius: 15px 15px 15px 15px; -khtml-border-radius: 15px 15px 15px 15px; -o-border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px;*/ -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } .x-mask-msg div { padding:6px 10px 6px 42px; background-image:url("../images/Light/preloader_light.gif"); background-repeat:no-repeat; background-position:6px 7px; /*border-radius: 15px 15px 15px 15px !important;*/ cursor:wait; border-width:0px; background-color:#ffffff; color:#0e0e0e; font-size:12px; /*-moz-border-radius: 15px 15px 15px 15px !important; -khtml-border-radius: 15px 15px 15px 15px !important; -o-border-radius: 15px 15px 15px 15px !important; -webkit-border-radius: 15px 15px 15px 15px !important;*/ } .x-mask-loading{ /*border-radius: 15px 15px 15px 15px !important; -moz-border-radius: 15px 15px 15px 15px !important; -khtml-border-radius: 15px 15px 15px 15px !important; -o-border-radius: 15px 15px 15px 15px !important; -webkit-border-radius: 15px 15px 15px 15px !important; */} .timeOut{ border:1px solid; border-color:#dedede; background-image:none; background-color:#fff; margin:25px; border-radius:25px 25px 25px 25px !important; -moz-border-radius:25px 25px 25px 25px !important; -khtml-border-radius:25px 25px 25px 25px !important; -o-border-radius:25px 25px 25px 25px !important; -webkit-border-radius:25px 25px 25px 25px !important; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } .timeOut div { padding:12px 9px 12px 48px; background-image:url("../images/Light/iconTimeOut.png"); background-repeat:no-repeat; background-position:6px 1px; cursor:wait; border:1px solid #ffffff; background-color:#fff; font-weight:500; font-size:13px; border-radius:25px 25px 25px 25px !important; -moz-border-radius:25px 25px 25px 25px !important; -khtml-border-radius:25px 25px 25px 25px !important; -o-border-radius:25px 25px 25px 25px !important; -webkit-border-radius:25px 25px 25px 25px !important; } /***************Loader Mask Design styles end here *********/ /***************data state color bar Design styles start here *********/ .x-data-bar{width:100%;} .x-data-bar span{font-size:9px; display:inline-block;color:#fff;text-align:center; font-weight:500;line-height:16px;} .x-data-bar span a { color:#fff; } .x-data-bar span:first-child, .x-data-bar td:first-child { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -khtml-border-radius:0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; } .x-data-bar span:last-child { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -khtml-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; } .bar12_good{background-color:#0c9a12; color:#fff;} .bar12_high{background-color:#cd0f0f;color:#fff;} .bar12_intermediate{background-color:#fa9d1c;color:#fff;} .bar12_low{background-color:#ccc100;color:#fff;} .bar12_unknown{background-color:#30a1d9;color:#fff;} .bar12_good div, .bar12_high div, .bar12_intermediate div, .bar12_low div, .bar12_unknown div{ font-size:10px; display:inline-block;color:#fff;text-align:center; font-weight:500;line-height:14px !important;height:12px !important; /*V*/ } /***************data state color bar Design styles end here *********/ /*************** Window Design styles start here *********/ .x-window-default { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -ms-border-top-left-radius: 0px; -o-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -ms-border-top-right-radius: 0px; -o-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -ms-border-bottom-right-radius: 0px; -o-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -ms-border-bottom-left-radius: 0px; -o-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border-width: 0px; border-style: solid; border-color: #6c6c6c; background-color: #6c6c6c; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } .x-window-header-default-top { -webkit-box-shadow: #ecf2fb 0 0px 0 0 inset,#ecf2fb 0px 0 0 0 inset,#ecf2fb 0px 0 0 0 inset; -moz-box-shadow: #ecf2fb 0 0px 0 0 inset,#ecf2fb 0px 0 0 0 inset,#ecf2fb 0px 0 0 0 inset; box-shadow: #ecf2fb 0 0px 0 0 inset,#ecf2fb 0px 0 0 0 inset,#ecf2fb 0px 0 0 0 inset; } .x-window-header-default-top { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -ms-border-top-left-radius: 0px; -o-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -ms-border-top-right-radius: 0px; -o-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -ms-border-bottom-right-radius: 0; -o-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -ms-border-bottom-left-radius: 0; -o-border-bottom-left-radius: 0; border-bottom-left-radius: 0; border-style: solid; border-color:#6c6c6c; background-color: #6c6c6c; } .x-window-header-default{ zoom: 1; padding:5px 4px 0px 4px !important; margin:0px 4px 0px 4px; height:15px !important; background-color: #6c6c6c; } .x-window-header-text-default { font-weight:500; font-size:14px; color:#f7f7f7; line-height:1.5em; text-transform:uppercase; } .x-window-body-default { border:#d7d7d7 0px solid; background:#ffffff !important; } .mycustom_shadow .x-window-body-default{ box-shadow: 2px 2px 3px #666666; -webkit-box-shadow: 2px 2px 3px #666666; -moz-box-shadow: 2px 2px 3px #666666; } .x-window-body { position: relative; border-style: solid; overflow: hidden; } /***************Window Design styles end here *********/ /***************Progress Bar Design styles start here *********/ .x-progress-text { font-size:12px; line-height:10px; } .x-progress-default, .x-nlg .x-progress-default{ /*border-color:#A4A4A4; background-color:#C8C8C8; */ border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; background-color:#f4f4f4; margin-top:-10px; height:22px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -o-border-radius:0px; -khtml-border-radius:0px; behavior:url(border-radius-ie8.htc); } .x-progress-default .x-progress-bar { border:none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -o-border-radius:0px; -khtml-border-radius:0px; height:24px; background:repeat-x; background-image:url('../images/Light/progress_bar.gif') } .x-progress-default .x-progress-text { color:white} .x-progress-default .x-progress-text-back { color:#396295} .x-nlg .x-progress-default .x-progress-bar { background:repeat; behavior:url(border-radius-ie8.htc); background-image:url('../images/Light/progress_bar.gif'); height:24px; } /***************Progress Bar Design styles end here *********/ /*--border layout--*/ /* .x-splitter-vertical { background:url('../images/Light/splitter-vertical-bg.gif') repeat-y; width:10px!important;overflow:visible!important;margin:0px 4px 0px 0px; } .x-splitter-horizontal{ background:url('../images/Light/splitter-hor-bg.gif') repeat; overflow:visible!important;margin:4px 0px 0px 0px; } */ .x-splitter-vertical { width:8px !important;overflow:visible !important; margin:0px 3px 0px 0px; z-index:10; } .x-splitter-horizontal{ background:url('../images/Light/splitter-hor-bg.png') repeat; overflow:visible !important; margin:4px 0px 0px 0px; z-index:10; } .x-layout-split-left { background:no-repeat top right; background-image:url('../images/Light/mini-left.png')} .x-layout-split-right { background:no-repeat top left; background-image:url('../images/Light/mini-right.png')} .x-layout-split-top { background:no-repeat top left; background-image:url('../images/Light/mini-top.png')} .x-layout-split-bottom { background:no-repeat top left; background-image:url('../images/Light/mini-bottom.png')} .x-splitter-collapsed .x-layout-split-left { background:no-repeat top left; background-image:url('../images/Light/mini-right.png')} .x-splitter-collapsed .x-layout-split-right { background:no-repeat top right; background-image:url('../images/Light/mini-left.png')} .x-splitter-collapsed .x-layout-split-top { background:no-repeat top left; background-image:url('../images/Light/mini-bottom.png')} .x-splitter-collapsed .x-layout-split-bottom { background:no-repeat top left; background-image:url('../images/Light/mini-top.png')} .x-layout-split-left, .x-layout-split-right { height: 52px; width: 8px; } /*--Back button styles Start Here--*/ .x-btn.backbutton{ background:#fff; background-image:none; padding:0px 2px; border:#aab2bd 1px solid !important; border-radius: 0px; } .x-btn-over.backbutton{ background:#aab2bd !important; background-image:none; border:#aab2bd 1px solid !important; border-radius: 0px; } .x-btn-over.backbutton button span{ color:#fff; } .x-btn-over.backbutton button span.x-btn-icon.iconBack{ background-position: -80px -920px !important; } .x-btn.backbutton.x-btn-default-small-icon-text-left .x-btn-inner{ height: 16px; line-height: 18px;/*J*/ padding-left: 17px; } /*--Back button styles End Here--*/ /*-- multiselect and itemselector styles start here-*/ .itemselector .x-boundlist-outer-ct.jspScrollable{ overflow:hidden !important; } .x-boundlist-outer-ct, .x-boundlist-outer-ct.jspScrollable{ overflow:hidden !important} /* added to hide native scroll bar when resizing the browser in the itemselector*/ .itemselector .x-panel-header-text{ font-size: 12px !important; font-weight:400; /*j*/ } .itemselector .x-docked-top { border:none; background:transparent; } .itemselector .x-docked { position: absolute !important; z-index: 1; } .itemselector .x-panel-header-default { font-size: 11px; border: none !important; background-image: none; background-color:transparent !important; padding:2px 5px 3px 0px; } .itemselector.x-panel-header-horizontal { padding: 3px 5px 4px; } .itemselector .x-panel-body{ border:none; background:transparent !important; border-radius:0px 0px 0px 0px !important; -webkit-border-radius:0px 0px 0px 0px !important; -moz-border-radius:0px 0px 0px 0px !important; } .itemselector .x-boundlist{ box-shadow:0px; border-radius: 0px; margin-top:0px !important; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -khtml-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; } .itemselector .x-boundlist-list-ct{ -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -khtml-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; } .multiselect .x-boundlist{ box-shadow:0px; margin-top:0px !important; border:#abb2bd 1px solid !important; border-radius:0px !important; } .multiselect .x-boundlist-list-ct{ -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -khtml-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; } .x-combo-list-group b{ font-weight:500; font-size: 11px; font-style:italic; } .multiselect .x-panel-header-default, .multiselect .x-panel-header{ font-size: 12px; border: none !important; background-image: none; background-color: transparent !important; padding:0px 4px 2px 0px; /*j*/ } .multiselect .x-panel-header-text-container{ padding:0px 4px 0px 0px;/*j*/ } .multiselect .x-panel-header-text{ font-size: 12px; font-weight:400; /*j multiselect label*/ } .multiselect .jspVerticalBar { position: absolute; top: 0; right: 0; width: 12px; height: 100%; border-width:0px 1px; border-color:#e1e1e1 #e1e1e1 #aab2bd #aab2bd; border-style:solid; background: #e1e1e1; } .multiselect .x-panel-body{ border:none; background:transparent !important; border-radius:0px 0px 0px 0px !important; -webkit-border-radius:0px 0px 0px 0px !important; -moz-border-radius:0px 0px 0px 0px !important; } .multiselect,.multiselect .x-panel-body{ -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } .multisearchlist{ border:#abb2bd 1px solid; background:#f3f3f3; padding:5px 5px 0px 5px; position:relative; top:2px; z-index:2; border-width:1px 1px 1px 1px; border-color:#abb2bd #abb2bd #abb2bd #abb2bd; border-style:solid; } /*--multiselect and itemselector styles end here--*/ /*--floating Panel for border Layout--*/ .x-panel-header-vertical.x-panel-header{ background:transparent url('../images/Light/mini-right.png') center center no-repeat !important;width:9px; cursor:pointer} .x-collapsed-title{ font-size:12px; font-weight:500; } .text{ display:none; transform: matrix(0,1,-1,0,29.2637,-33.2637); -ms-transform: matrix(0,1,-1,0,29.2637,-33.2637) ;/* IE 9 */ -webkit-transform: matrix(0,1,-1,0,29.2637,-33.2637); /* Safari and Chrome */ -o-transform: matrix(0,1,-1,0,29.2637,-33.2637); /* Opera */ -moz-transform: matrix(0,1,-1,0,29.2637,-33.2637); /* Firefox */ } .floatingPanel{ border:1px solid #dedede !important; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); top:10px; } /*-- end floating Panel for border Layout--*/ .indexQuickLinksFont .x-panel-body, .indexQuickLinksFont .x-panel-body-default{ color:inherit !important; } a.quickmenuHoverStyle div{ color:#1a1a1a !important; font-size:11px; padding:4px; border-bottom:1px solid #bfbdbf; } a.quickmenuHoverStyle:hover div{ color:#ffffff; font-size:11px; padding:4px; background-color:#3bafda ; } .quickmenuTableBottomBorder{ border-bottom:1px solid #bfbdbf; } .quicklinkTableHeader{ background: #fbfbfb; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow:none; border:1px solid #adadad !important; height:28px; font-weight:500; font-size:12px; } .quicklinkTableTh{ background:#fbfbfb; font-weight:500; font-size:13px; } .quicklinkAlarmTable{ border-collapse:collapse; border:1px solid #d3d3d3; border-left: 0px !important; border-right: 0px !important; } .quickmenuAlarmHoverStyle{ font-size:13px; padding:4px; background:#ffffff; } .quickmenuAlarmHoverStyle:hover{ color:#ffffff !important; font-size:13px; padding:4px; font-weight:500; /* background-color:#80808c; */ } .quickmenuAlarmHoverStyleAlter{ font-size:13px; padding:4px; background:#fbfbfb; } .quickmenuAlarmHoverStyleAlter:hover{ color:#ffffff !important; font-size:13px; padding:4px; font-weight:500; /* background-color:#80808c; */ } .quickmenuAlarmTableBottomBorder{ border-bottom:1px solid #d2d2d2; } .quicklinkAlarmTableHeader{ background: #fbfbfb; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow:none; border:1px solid #d2d2d2 !important; height:28px; font-weight:500; font-size:12px; border-left: 0px !important; border-right: 0px !important; } .quicklinkAlarmTableTh{ font-size:11px; background:#cdcdcd; font-weight:500; border-color:#d2d2d2 !important; border-width:1px 1px 0px 1px; line-height:1.5em; } /* index page top icon quicklinks popup page design styles end here */ /*--Component Page Design Starts Here--*/ .component-list-right-panel-header { font-weight: normal !important; background-color:#e6e6e6 !important;/*V*/ border-top-width:1px !important;/*V*/ border-right-width:0px; border-bottom-width:1px !important;/*V*/ border-left-width:0px; border-style:solid; text-transform:uppercase; border-top-color:#cdcdcd !important;/*V*/ border-bottom-color:#cdcdcd !important;/*V*/ } .service_header{ border-width:0px 0px 0px 1px; border-style:solid; border-color:#cdcdcd #cdcdcd #cdcdcd #cdcdcd !important;/*V*/ } .x-toolbar.component-list-right-panel-header{ border-top-width:1px; border-right-width:0px; border-bottom-width:1px !important; border-left-width:0px; border-style:solid; border-top-color:#c2c2c2; border-bottom-color:#cdcdcd !important;/*V*/ } .component-list-bottom-panel-header{/*f*/ border-color:#c2c2c2 #c2c2c2 #c2c2c2 #c2c2c2 !important; border-style:solid !important; border-width:0px 0px 1px 0px!important; } .component-list-left .x-panel-body{ font-size:14px !important; font-weight:500; background:none !important; text-align: center; border: 0px !important; } .list-component:nth-child(odd) .x-panel-body{ background:#ffffff; border-bottom:1px solid #e2e2e2 !important; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -khtml-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; } .list-component:nth-child(even) .x-panel-body{ background:#f6f6f6; border-bottom:1px solid #e2e2e2 !important; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -khtml-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; } .list-component:nth-last-child(1){ border-left-width:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:1px; border-color:#e2e2e2; border-style:solid; } .list-component table td:first-child{ width:200px; border-left-width:0px; border-top-width:0px; border-right-width:1px; border-bottom-width:0px; border-color:#e2e2e2; border-style:solid; vertical-align:middle; } .list-component table td:first-child .x-panel-body{ background:none !important; font-size:14px !important; font-weight:500; width:200px; } .list-component table td:last-child{ padding-bottom:0px; border-left-width:0px; border-top-width:0px; border-right-width:1px; border-bottom-width:0px; border-color:#e2e2e2; border-style:solid; vertical-align:top; } .list-component table td:last-child .x-panel-body{ background:none !important; font-size:14px !important; font-weight:500; width:200px; } .component-list-right-panel-header .x-toolbar-separator-horizontal { margin :0px !important; color : gray !important; } .component-list-right-panel-header-right input.x-form-text { margin-bottom : 0px !important; } .component-list-left .x-panel-body { border-right-width: 1px !important; border-right-color: #3e3e3e !important; } .component-list-right > .x-panel-body{ border-left-width: 1px !important; border-left-color: #7a7a7a !important; } .component-list-top .x-panel-body{ background : -moz-linear-gradient(top , #F8F8F8 0%, #E2E2E2 100%) repeat scroll 0 0 transparent !important; background : -webkit-linear-gradient(top , #F8F8F8 0%, #E2E2E2 100%) repeat scroll 0 0 transparent !important; background : -ms-linear-gradient(top , #F8F8F8 0%, #E2E2E2 100%) repeat scroll 0 0 transparent !important; background : -o-linear-gradient(top , #F8F8F8 0%, #E2E2E2 100%) repeat scroll 0 0 transparent !important; background : linear-gradient(top , #F8F8F8 0%, #E2E2E2 100%) repeat scroll 0 0 transparent !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#E2E2E2'); /* for IE */ -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#E2E2E2'); /* for IE */ } .component-list-left-component.x-btn * { cursor: default !important; } .component-list-right .x-panel-body, .component-list-right { width:100% !important; vertical-align:top; position:relative; top:0px; } .component-list-right .x-panel-header, .component-list-right .x-panel-header-default{ border-top:0px; border-left:0px; border-bottom:0px; padding : 0px !important; } .component-list-right .x-panel-header-default-top{ box-shadow : 0 0px !important; } .component-list-right .x-form-layout-table { border-spacing: 0 0px; } .component-list-right .x-panel-header-text-default{ font-weight:500; font-size:14px !important; text-shadow: 0 0px !important; padding-bottom : 0px !important; padding-left : 10px !important; } .component-list-right-link{ font-size: 11px !important; vertical-align: top !important; padding-left: 5px !important; line-height: 16px !important; display: inline-block !important; } .component-list-left-component{ background : none transparent !important; border:0px; width:200px; } .list-component > .x-panel-body { background : -moz-linear-gradient(top , #F4F4F4 0%, #E4E5E9 100%) repeat scroll 0 0 transparent; background : -webkit-linear-gradient(top , #F4F4F4 0%, #E4E5E9 100%) repeat scroll 0 0 transparent ; background : -ms-linear-gradient(top , #F4F4F4 0%, #E4E5E9 100%) repeat scroll 0 0 transparent ; background : -o-linear-gradient(top , #F4F4F4 0%, #E4E5E9 100%) repeat scroll 0 0 transparent ; background : linear-gradient(top , #F4F4F4 0%, #E4E5E9 100%) repeat scroll 0 0 transparent ; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4', endColorstr='#E4E5E9'); /* for IE */ -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4', endColorstr='#E4E5E9'); /* for IE */ } .component-list{-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);} .component-list-right-panel-header .x-panel-body { border : 0px !important; border-right : 1px solid #D6D6D6 !important; } .component-list-left .x-panel-header{ height:24px !important; } .component-list-right .x-panel-body, .component-list-left .x-panel-body{ border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -khtml-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; } /*.prog_border{border-left-width:1px;border-right-width:1px;border-top-width:1px;border-bottom-width:1px;border-style:solid;border-color:#999999;padding:0px;margin:0px} .prog_line{padding:0px;height:8px;background-image:url("../images/Light/progress_line.gif");background-repeat:no-repeat;} #prog_border{border-left-width:1px;border-right-width:1px;border-top-width:1px;border-bottom-width:1px;border-style:solid;border-color:#999999;padding:0px;margin:0px} #prog_line{padding:0px;height:8px;background-image:url("../images/Light/progress_line.gif");background-repeat:no-repeat;} .progress_HIGH{background-image:url("../images/Light/progress_HIGH.gif")!important;color:#FFFFFF;background-repeat:no-repeat;} .progress_INTERMEDIATE{background-image:url("../images/Light/progress_INTERMEDIATE.gif")!important;color:#FFFFFF;background-repeat:no-repeat;} .progress_LOW{background-image:url("../images/Light/progress_LOW.gif")!important;color:#FFFFFF;background-repeat:no-repeat;} .progress_UNKNOWN{background-image:url("../images/Light/progress_UNKNOWN.gif")!important;color:#FFFFFF;background-repeat:no-repeat;} .progress_GOOD{background-image:url("../images/Light/progress_GOOD.gif")!important;color:#FFFFFF;background-repeat:no-repeat;} */ .columnIcon{ display:inline-block; vertical-align:middle; margin-top: -3px; } .dashboard-settings-btn{ height: 20px !important; background: transparent !important; background-image: none !important; border: none !important; margin-right: 5px; } .toolbar-title{ font-weight:500; } /* This is for list pages grid panel header text and center Alignment -- Jaiwin */ .textAlignCenter{ text-align:center; margin:0px; } .optionalListPanel { background:#ffffff; border-color:#dedede;/*f*/ border-width:1px 1px 1px 1px !important; border-style:solid; border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; -khtml-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; -webkit-border-radius:0px 0px 0px 0px; overflow:visible; -webkit-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.75); -moz-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.75); box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.75); } .optionalListPanel2 { background:#ffffff;/*f*/ border-color:#cdcdcd;/*f*/ border-width:1px 1px 1px 1px; border-style:solid; border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; -khtml-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; -webkit-border-radius:0px 0px 0px 0px; overflow:visible; -webkit-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.75); -moz-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.75); box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.75); } .optionalListPanelHeader{ padding:4px 4px 3px 10px; font-weight:normal; width:100%; font-size:12px; text-transform:uppercase; border-bottom:#cdcdcd 1px solid;/*f*/ background:#e6e6e6 !important;/*f*/ } .optionalListPanelInnerDivBorder{ border:1px solid #cdcdcd;/*f*/ } .optionalListPanelRow{ padding:3px 5px 3px 10px; font-weight:normal; border-top:0px solid #e2e2e2; border-right:0px solid #e2e2e2; border-bottom:1px solid #e2e2e2; border-left:0px solid #e2e2e2; width:100%; line-height:1.5em; } .optionalListPanelRow:hover{ background:#e2eff8 !important; } .optionalListPanelRow:nth-child(odd) { background:#f6f6f6; } .optionalListPanelRow:nth-child(even) { background:#fff; } /* This is for Tree header Icon Alignment -- Jaiwin */ #select .list-tree-root-expand-collapse .x-grid-cell-inner{ padding-left:5px;margin-top:-2px} .blockTree .blockgroup-bgwhite{ background: white !important; } .blockgroup-bgwhitepad .x-grid-cell-inner{ white-space: normal !important; margin-left:-6px; padding:2px; } .blockgroup-bgwhitepad .x-grid-cell-inner a{ line-height:20px !important; } .legendHIGH, .legendGOOD, .legendINTERMEDIATE, .legendLOW, .legendUNKNOWN{ background-image : url('/final/images/Light/legend.png'); background-repeat : no-repeat; width:10px; height:10px; font-weight:500; font-size: 13px; } .legendHIGH { background-position :0px 0px; border-style: none !important; } .legendGOOD{ background-position :-10px 0px; } .legendINTERMEDIATE{ background-position :-20px 0px; } .legendLOW{ background-position :-30px 0px; } .legendUNKNOWN{ background-position :-40px 0px; } .legend-outer{ border:0px solid green; padding:3px; height:12px; } .legend-state{ float:left; width:10px; height:10px; margin:1px; } .legend-state-per{ padding:0px 0px 0px 0px; margin:0px ; font-weight:500; } .legend-main{ width:50%; height:100%; float:right; position:relative; top:30%; } .serviceHealthchart{ width:50%; height:100%; float:left; } .serviceHealthHeader { border-color:#e2e2e2; border-style:solid; border-top-width: 1px !important; border-right-width: 0px !important; border-bottom-width: 1px !important; border-left-width: 0px !important; } .serviceHealthHeader .x-grid-table .x-grid-row .x-grid-cell{ background-color:transparent !important; } .serviceHealthHeader .x-grid-table .x-grid-row:nth-child(even){ background: #ffffff !important; } .serviceHealthHeader .x-grid-table .x-grid-row:nth-child(odd){ background: #f7f7f7 !important; } .serviceHealthHeader .x-grid-table .x-grid-row:hover{ background: #e2eff8 !important; } .blockTree .x-panel-header-text-default { font-weight:500; } .blockHeader .x-grid-body { border-top-color: transparent !important; border-top-width: 0px !important; } .blockTree .x-grid-header-row{ border:none !important; } .blockTree .x-tree-icon { padding-right: 20px !important; } .blockTree .x-tree-elbow { background-image: none; } .blockTree .x-tree-elbow-end { background-image: none; } .blockTree .x-grid-row .x-grid-cell { border-right: 0px ; border-top: 0px; border-left: 0px; border-bottom: 1px solid #d3d3d3 !important; } .blockHeader .x-grid-body{ background: #ffffff !important; } .blockTree td { font-size : inherit !important; font-family : inherit !important; } .serviceSegmentComponentHead .x-panel-header, .serviceSegmentComponentHead .x-panel-header-default{ border-top-width:0px; border-right-width:0px; border-bottom-width:1px !important; border-left-width:0px; border-top-color:#c7c7c7; border-bottom-color:#e2e2e2; border-style:solid; z-index:inherit !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -ms-border-radius:0px; -o-border-radius:0px; box-shadow:none; padding:6px 0px 1px 0px; } .serviceSegmentComponentHead{ margin: 0px 0px 8px 10px; font-size:11px !important; text-transform:uppercase; border-top-width:0px; border-right-width:0px; border-bottom-width:1px !important; border-left-width:0px; border-top-color:#c7c7c7; border-bottom-color:#e2e2e2; border-style:solid; padding:6px 0px 1px 0px; } .serviceSegmentComponentName{ float:left; padding-left:11px; padding-top:2px; padding-right:5px; padding-bottom:4px; display:inline-block; vertical-align:top; width:200px; white-space:nowrap; } .componentName{ float:left; padding-left:11px; padding-top:4px; padding-right:5px; padding-bottom:4px; display:inline-block; vertical-align:top; width:80%; white-space:nowrap; } .serviceSegmentComponentHead .x-panel-header-text-container{ padding:0px 5px 0px 0px !important; } .serviceSegmentComponentHead span.x-panel-header-text{ font-size:12px !important; text-transform:uppercase; } .crl{ clear:both;margin-top:5px; } /*--Component Page Design End Here--*/ /*error message link--------*/ a.errorLink:hover{text-decoration:underline} a.backgroundMsgLink{text-decoration:underline} a.backgroundMsgLink:hover{color:#777777} /* for this class name we need to replace the iconExclamation class name - Jaiwin .list-empty{ background : url("../eg_images/gray/exclamation-icon.gif") no-repeat transparent !important; height : 43px !important; } */ .list-empty-text{ text-align: center !important; font-size: 12px; } .x-panel-header-vertical .x-surface{ display:none} .editHeader{height:22px !important;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .tirePos{ background:#BFBFBF; height:22px !important;-webkit-border-radius: 3px !important; -moz-border-radius: 3px;border:#CACDD3 1px solid !important; border-radius: 3px;line-height:18px !important;padding:0 5px;} .editinput input{background:#E7E2E2 !important;border:#CACDD3 1px solid !important;} /***** Message box Align Center ******/ .displayfield-fullsize{ margin-top:6px; text-align: center; } .x-message-box-icon { width:36px; height:36px; } .x-message-box-info,.x-message-box-warning,.x-message-box-question,.x-message-box-error { background:transparent no-repeat top left} .x-message-box .x-msg-box-wait { background-image:url('../../resources/themes/images/eg_theme/shared/blue-loading.gif')} .x-message-box-info { background : url('../images/Light/eG_Icons32.png') no-repeat top left; /*background-image:url('../../resources/themes/images/eg_theme/shared/icon-info.gif')*/ background-position : -200px 0px !important;width:32px !important;height:32px !important; } /*.x-message-box-warning { background-image:url('../images/Light/icon_warning.png') }*/ .x-message-box-warning { background : url('../images/Light/eG_Icons32.png') no-repeat top left; background-position:0 -200px !important; width:32px !important; height:32px !important; } .x-message-box-question { background : url('../images/Light/eG_Icons32.png') no-repeat top left; /* background-image:url('../../resources/themes/images/eg_theme/shared/icon-question.gif') */ background-position : -200px -120px !important;width:32px !important;height:32px !important; } .x-message-box-error { background : url('../images/Light/eG_Icons32.png') no-repeat top left; /*background-image:url('../../resources/themes/images/eg_theme/shared/icon-error.gif') */ background-position : -200px -40px !important;width:32px !important;height:32px !important; } /***** Message box Align Center ******/ .x-tip.yellowTip{ background:#414141 !important; border-radius:4px !important; opacity:0.9; padding:2px 2px 0px 2px !important; filter:alpha(opacity=90); height:auto !important; width:auto !important; } .x-tip.yellowTip .x-tip-body, .x-tip.yellowTip .x-form-invalid-tip-body { color:#ffffff !important; padding:0px 8px !important; line-height:18px; } .x-tip.yellowTip div.x-tip-body, .x-tip.yellowTip.para .x-tip-body{ height:auto !important; white-space: pre-wrap !important; word-wrap:break-word !important; white-space: normal; width:auto !important; } .x-tip.yellowTip .x-tip-anchor { position: absolute; overflow: hidden; border-style: solid; border-width: 5px; border-color:none; zoom: 1; } .x-tip.yellowTip .x-border-box .x-tip-anchor {} .x-tip.yellowTip .x-tip-anchor-top { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #414141; } .x-tip.yellowTip .x-tip-anchor-bottom { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #414141; } .x-tip.yellowTip .x-tip-anchor-left { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #414141; } .x-tip.yellowTip .x-tip-anchor-right { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #414141; } .block1 .x-container .x-panel-body{ border-width:0px } .x-message-box.x-window-default { border-width: 0px; border-style: solid; border-color: #6c6c6c; background-color: #555555; padding:10px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); } .x-message-box .x-toolbar{ background:#ffffff !important; padding:0px 0px 15px; margin:-11px 0px 0px !important; } .x-message-box .x-window-header-default-top { -webkit-box-shadow: #ecf2fb 0 0px 0 0 inset,#ecf2fb 0px 0 0 0 inset,#ecf2fb 0px 0 0 0 inset; -moz-box-shadow: #ecf2fb 0 0px 0 0 inset,#ecf2fb 0px 0 0 0 inset,#ecf2fb 0px 0 0 0 inset; box-shadow: #ecf2fb 0 0px 0 0 inset,#ecf2fb 0px 0 0 0 inset,#ecf2fb 0px 0 0 0 inset; } .x-message-box .x-window-header-default-top .x-tool img, .x-message-box .x-window-header-default-top.x-tool-close, .x-message-box .x-window-header-default-top .x-tool-over{ overflow: hidden; width: 15px; height: 15px; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background-image: url('../images/Light/msgWindowClose.png'); margin:0px; background-position: 0 0; right:4px !important; } .x-message-box .x-window-header-default-top { -moz-border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; border-style: solid; border:3px solid #555555; background-color: #555555; } .x-message-box .x-window-header-default{ zoom: 1; padding:3px 5px 4px 5px !important; margin:0px; background-color: #555555; } .x-message-box .x-window-header-text-default { font-weight:500; font-size:14px !important; color:#ffffff; text-transform:uppercase; } .x-message-box .x-window-body-default { border:0px solid red; top:20px !important; position:relative; background:#ffffff !important; } .x-message-box .x-window-body { position: relative; border-style: solid; overflow: auto; } .progressEasy{} .progressEasy.x-message-box.x-window-default { border-width: 0px; border-style: solid; border-color: #6c6c6c; background-color: #ffffff !important; padding:10px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); } .progressEasy.x-message-box .x-window-header-default{ zoom: 1; padding:3px 5px 4px 5px !important; margin:0px; background-color: #fff; } .progressEasy.x-message-box .x-window-header-default-top { -moz-border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; border-style: solid; border:0px solid #555555; background-color: #fff; } .progressEasy.x-message-box .x-window-header-text-default { font-weight:500; font-size:14px !important; text-transform:uppercase; } .progressEasy.x-message-box .x-window-header-default-top .x-tool img{ overflow: hidden; width: 15px; height: 15px; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background-image: url('../images/Light/msgWindowCloseBlack.png'); margin:0px; background-position: 0 0; } .progressEasy.x-message-box .x-window-header-default-top .x-tool .x-tool-over img{ overflow: hidden; width: 15px !important; height: 15px !important; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background-image: url('../images/Light/msgWindowCloseBlack.png'); margin:0px; background-position: 0 0 !important; } .x-panel-header-default-vertical{border-width:0px !important} /*--- Fix for default selection removal during mouse over with the combo box ---*/ .x-boundlist-floating.x-boundlist ul:hover li.x-boundlist-selected{ border-width: 0px !important; border-style: solid !important; padding:2px 4px 2px 4px; border-radius: 0px 0px 0px 0px !important; -moz-border-radius: 0px 0px 0px 0px !important; -khtml-border-radius: 0px 0px 0px 0px !important; -o-border-radius: 0px 0px 0px 0px !important; box-shadow:none !important; } .x-boundlist-floating.x-boundlist ul:hover li.x-boundlist-selected:hover{ border-width: 0px !important; padding:2px 4px 2px 4px; color:#ffffff; border-radius: 0px 0px 0px 0px !important; -moz-border-radius: 0px 0px 0px 0px !important; -khtml-border-radius: 0px 0px 0px 0px !important; -o-border-radius: 0px 0px 0px 0px !important; } .multiSelectList div.x-boundlist ul:hover li.x-boundlist-selected{ border-top-color:#9f9f9f !important; border-right-color:#9f9f9f !important; border-bottom-color:#bfbdbf !important; border-left-color:#9f9f9f !important; border-width: 1px !important; background:#3bafda !important; padding:2px 4px 2px 4px; color:#ffffff; border-radius: 0px 0px 0px 0px !important; -moz-border-radius: 0px 0px 0px 0px !important; -khtml-border-radius: 0px 0px 0px 0px !important; -o-border-radius: 0px 0px 0px 0px !important; } .multiSelectList div.x-boundlist ul:hover li.x-boundlist-selected:hover{ border-top-color:#9f9f9f !important; border-right-color:#9f9f9f !important; border-bottom-color:#bfbdbf !important; border-left-color:#9f9f9f !important; border-width: 1px !important; background:#3bafda !important; padding:2px 4px 2px 4px; color:#ffffff; border-radius: 0px 0px 0px 0px !important; -moz-border-radius: 0px 0px 0px 0px !important; -khtml-border-radius: 0px 0px 0px 0px !important; -o-border-radius: 0px 0px 0px 0px !important; } /*--- End of fix for default selection removal during mouse over with the combo box ---*/ /* for bug id - 12862 - tooltip a tag font color changes - newly added for light theme only start*/ .x-tip-header a, .x-tip-body a, .x-form-invalid-tip-body a{ color:#ffffff; } .x-tip-header a:hover, .x-tip-body a:hover, .x-form-invalid-tip-body a:hover{ color:#ffffff; } /* for bug id - 12862 - tooltip a tag font color changes - newly added for light theme only end*/ .quicklinkAlarmTable tr:nth-child(even) {background: #f4f4f4} .quicklinkAlarmTable tr:nth-child(odd) {background: #ffffff} .quicklinkAlarmTable tr:hover{ background:#e2eff8 !important; } .quicklinkAlarmTable tr td div{ font-size:11px !important; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; color:#1a1a1a; } .quickAlarmsTotalUpdatesBorder{ border-collapse:collapse; border:1px solid #d2d2d2; } /*#configModUserProfile, #configModQuickLink{ left:-177px !important;top:25px !important;} #configModQuickAlarm{ left:-325px !important;top:25px !important;} #mangerNotificationWindow{left:-150px !important;top:25px !important;} #utilconfig{left:11px !important;top:30px !important;}*/ /* kb search*/ table.innerTableGroup{ border-color: #D9D9D9; border-width: 0 1px 1px 1px; font-size:12px; margin-right:60px } .innerTableGroup .innerTableCell{ background:#e3e3e3 !important; border-bottom: 1px solid #cfcfcf; padding:3px } .innerTableGroup .innerTableCellRight{ background:none !important; border-bottom: 1px solid #e3e3e3; padding:3px } /*---------------------Starts QInsight styles ---*/ .indexTopLink{ font-size:11px; color:#a0a0a0;} .metricscols{ padding:3px;background:#FFF;padding-left: 8px;} .metricscols:hover{background:#fff; } .metricscols .metricscols{ background:none;border-bottom:0px;padding:0px;} .iconBg .x-btn-default-small{background:none!important;background-image:none!important;border:#000 0px solid !important;} #livegraph_header .iconBg{ background:url("../images/Light/iconSeperator.png") no-repeat scroll right 1px rgba(0, 0, 0, 0) !important;/*f*/ padding:0 3px 0 3px;/*f*/ } /*---added for combo hover and grid --*/ .gridSkin .x-grid-row:hover .x-grid-cell { background-color: #e2eff8 !important; font-weight:normal !important; border-top-width:0px } #username-errorEl,#password-errorEl{position:absolute;} .gridSkin .x-grid-row:hover .x-grid-cell-inner { color:inherit !important; } /*---Help App outerpanel--*/ .helpouterpanel{ background-color:#ffffff !important; } .helpouterpanel.x-panel-default-framed, .helpouterpanel.x-panel-default, .helpouterpanel.x-panel-body{ background-color:#ffffff !important; border:0px; margin:0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .helpouterpanel.x-panel-default-framed{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border:1px solid #d2d2d2 !important; padding:0px; } .helpouterpanel .x-panel-header, .x-nlg .helpouterpanel .x-panel-header-default-framed-top{ background: #fbfbfb; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow:none; border-width:0px 0px 1px 0px; border-color:#d2d2d2; top:0px !important; margin:0px; padding:0px !important; } .helpouterpanel .x-panel-header-text-container{ padding:0px 0px 0px 0px; } .helpouterpanel .x-panel-header-text{ /* font-size:15px; */ font-weight:500; text-transform:uppercase; /*line-height:20px; */ /* text-shadow: 1px 0 0 #ffffff; */ } .helpouterpanel .x-btn-default-small, .helpouterpanel .x-btn-default-toolbar-small, .helpouterpanel.x-btn-default-toolbar-small-icon{ padding:0px 0px 0px 0px; } /*---End of help app panel--*/ #westR.x-panel-collapsed {width:0px!important;} /*--hack to hide 1px when panel is collapsed in border layout [Reporter] */ .removeTreeLeftBorder .x-region-collapsed-placeholder{box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border:0px } .removeTreeLeftBorder.x-panel-collapsed{width:0px!important;} /*--Hack for white column combo--*/ .x-boundlist .jspPane{ width:100% !important;} .x-table .dataPanel{ border-top:#d2d2d2 1px solid} /* Gayathri Added for ie fix -- start here */ .x-nlg .IEfix .jspHorizontalBar { position: absolute; bottom: 2px; left: 0; width: 100%; height: 8px; display:none; background:transparent; } /* this is changed for IE Text box alignment issue .x-nlg .textbox .x-form-text{ height:21px !important; margin-top:1px !important; margin-bottom:1px !important; } */ .x-nlg .textbox .x-form-text{ height:21px !important; margin-top:0px !important; margin-bottom:0px !important; } #eventsoverviewDiv { padding: 0px !important; box-shadow: 2px 2px 3px #666666 !important; -webkit-box-shadow: 2px 2px 3px #666666 !important; -moz-box-shadow: 2px 2px 3px #666666 !important; } .heading_border { background: #f6f6f6; border-width:0px 0px 1px 0px !important; border-color:#afafaf; padding:2px 10px 2px 10px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow:none; /* border:1px solid #cdcdcd !important; */ font-size:12px; font-weight:500; } #popupPrintContentDiv img { margin:0px !important; } #popupprint img { margin:0px !important; } /* Gayathri Added for ie fix -- end here */ .searchTopPanel, .searchTopPanel.x-panel-body, .outerpanel .searchTopPanel.x-panel-body{ background: #ffffff; border:solid 0px #e3e3e3; -moz-border-radius-topleft: 0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; } .searchSummaryRightShade { height:100px; background:url("/final/images/Light/gradientTransShade.png") no-repeat top right transparent !important; margin:0px; border:none !important; } .searchSummaryRightShade .x-panel-body-default{ background: transparent; } .curveBorder{ border:#d6d6d6 1px solid; -moz-border-radius-topleft: 0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; } .searchSeperatorLine { background:url("/final/images/Light/searchSeperator.png") no-repeat top right transparent !important; margin:0px; border:0px !important; } .searchSeperatorLine.lastChild{ background:none !important; } /*---------------------------------- here comes layer model -----------------------------------*/ .borderLayout{} .layers-tree div.x-grid-view{ background:#e4e4e4; /*border:#373737 1px solid;*/ } .x-panel.errorPanelBorder{ /*border:#e3e3e3 1px solid;*/ } .x-panel.errorPanelNoBorder{ border:#e3e3e3 0px solid !important; } .borderLayout div.tablayout.x-panel-default{ border:#d3d3d3 0px solid !important; } .borderLayout div.tablayout.x-panel-default div.tablayout.x-panel-default { border:#d3d3d3 1px solid !important; } .tablayout .tablayoutBodyColor.x-panel-body{ background: #5a5a5a; } .tablayout .tablayoutBodyColor.x-panel-body .x-panel-body{ background:none; } .tablayout .tablayoutBodyColor .component-list-right-panel-header {background:none!important} #comp_dash_layers_tree .x-grid-tree-node-leaf td div{ background:#fff !important; padding:0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px!important; } .measureHead.datapanel{ background:#818181; border-left-width:0px !important; border-right-width:0px !important; border-top-width:0px !important; border-bottom-width:0px !important; border-color:#0e0e0e #3a3a3a #494949 #3a3a3a; border-style:solid; -webkit-box-shadow: 0px 0px 5px 0px rgba(20,20,20,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(20,20,20,0.35); box-shadow: 0px 0px 5px 0px rgba(20,20,20,0.35); } /*.measureHead.datapanel{ box-shadow:none !important;}*/ .measureHead div.x-panel-header{background:none;background-image:none;background-color:none;} #comp_dash_layers_tree .x-grid-row .x-grid-cell-inner{ padding:10px 10px 11px 10px; border-color:#c8c6c6 #878686 #c8c6c6 #878686; border-width:0px 0px 0px 0px; border-style:solid; background: #ffffff; /* Old browsers */ -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; font-size:13px; font-weight:normal; } #comp_dash_layers_tree .x-grid-row .firstNode .x-grid-cell-inner{ border-width:0px 0px 0px 0px; } #comp_dash_layers_tree td.x-grid-tree-node-expanded .x-grid-cell-inner{ padding:0px; } #comp_dash_layers_tree .x-grid-cell{ overflow:visible!important;} #comp_dash_layers_tree .x-tree-elbow-plus, #comp_dash_layers_tree .x-tree-expander { margin-left:0px; margin-top:1px; } .x-grid-with-col-lines .x-grid-cell{ border-right:0px solid #d0d0d0 !important; } #comp_dash_layers_tree .x-grid-row-selected .x-grid-cell, #comp_dash_layers_tree .x-grid-row-selected .x-grid-rowwrap-div { background: transparent !important; border-width:0px; } #comp_dash_layers_tree .x-grid-row .x-grid-cell{background:transparent} #comp_dash_layers_tree .x-grid-tree-node-expanded .x-tree-icon-parent{ background-image:url("../images/Light/state_icons.png"); background-repeat:no-repeat; background-position:left top; } .layers-list .x-panel-header-default{ margin:0px 8px 0px 8px; background:none; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); box-shadow:none; border-width:0px 0px 0px 0px!important; padding:6px 0px; } .layers-list .x-panel-header-default .x-panel-header-text-container{ text-align:left !important; } #comp_dash_layers_tree .layers-tree-bold-node .x-grid-row .x-grid-cell-inner { padding:0px 0px; } .layers-list .x-panel-header-default .x-panel-header-text{ color:#fff; font-size:14px; line-height:20px;/*F*/ } #comp_dash_layers_tree tr.x-grid-tree-node-leaf td div.x-grid-cell-inner, #comp_dash_layers_tree td.secondlevel div.x-grid-cell-inner, #comp_dash_layers_tree td.thirdlevel div.x-grid-cell-inner, #comp_dash_layers_tree td.fourthlevel div.x-grid-cell-inner, #comp_dash_layers_tree td.fifthlevel div.x-grid-cell-inner, #comp_dash_layers_tree td.sixthlevel div.x-grid-cell-inner { background:#fff; padding:0px !important; border-bottom:#e2e2e2 1px solid!important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px!important; border-width:0px; height:23px !important; line-height:24px; font-size:12px; font-weight:normal; /*-fix for text overflow in layer tree-*/ overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; width:100%; white-space: nowrap; } #comp_dash_layers_tree tr.x-grid-row-selected td.secondlevel div.x-grid-cell-inner, #comp_dash_layers_tree tr.x-grid-row-selected td.fourthlevel div.x-grid-cell-inner, #comp_dash_layers_tree tr.x-grid-row-selected td.fifthlevel div.x-grid-cell-inner, #comp_dash_layers_tree tr.x-grid-row-selected td.sixthlevel div.x-grid-cell-inner, #comp_dash_layers_tree tr.x-grid-tree-node-leaf.x-grid-row-selected div.x-grid-cell-inner{ background-color:#fff !important; } #comp_dash_layers_tree tr.x-grid-row-over td.secondlevel div.x-grid-cell-inner, #comp_dash_layers_tree tr.x-grid-row-over td.thirdlevel div.x-grid-cell-inner, #comp_dash_layers_tree tr.x-grid-row-over td.fourthlevel div.x-grid-cell-inner, #comp_dash_layers_tree tr.x-grid-row-focused td.thirdlevel div.x-grid-cell-inner, #comp_dash_layers_tree tr.x-grid-row-focused td.fourthlevel div.x-grid-cell-inner, #comp_dash_layers_tree tr.x-grid-row-focused td.fifthlevel div.x-grid-cell-inner, #comp_dash_layers_tree tr.x-grid-row-focused td.sixthlevel div.x-grid-cell-inner { background-color:#e2eff8 !important;; padding:0px !important; border-bottom:#e2e2e2 1px solid!important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px!important; border-width:0px; font-size:12px; font-weight:normal; } #comp_dash_layers_tree .x-grid-row .firstNode{background:none !important;} #comp_dash_layers_tree .x-grid-row .firstNode.x-grid-cell div .x-tree-expander, /*#comp_dash_layers_tree .x-grid-row div.x-grid-cell-inner img.x-tree-elbow-end, #comp_dash_layers_tree .x-grid-row div.x-grid-cell-inner img.x-tree-elbow-end, #comp_dash_layers_tree .x-grid-row div.x-grid-cell-inner img.x-tree-elbow,*/ #comp_dash_layers_tree .x-grid-row .commonNode.x-grid-cell div .x-tree-expander{ /*display:none !important;*/ position:absolute; right:20px; } #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .layers-tree-UNKNOWN .x-grid-cell-inner, #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .layers-tree-GOOD .x-grid-cell-inner, #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .layers-tree-LOW .x-grid-cell-inner, #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .layers-tree-INTERMEDIATE .x-grid-cell-inner, #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .layers-tree-HIGH .x-grid-cell-inner { margin:1px 0px 0px 0px; padding:10px 14px 9px 35px; text-align:left !important; line-height:22px; } #comp_dash_layers_tree .x-grid-row .layers-tree-UNKNOWN .x-grid-cell-inner, #comp_dash_layers_tree .x-grid-row .layers-tree-GOOD .x-grid-cell-inner, #comp_dash_layers_tree .x-grid-row .layers-tree-LOW .x-grid-cell-inner, #comp_dash_layers_tree .x-grid-row .layers-tree-INTERMEDIATE .x-grid-cell-inner, #comp_dash_layers_tree .x-grid-row .layers-tree-HIGH .x-grid-cell-inner { margin:1px 0px 2px 0px; padding:10px 14px 9px 35px; text-align:left !important; line-height:22px; } #comp_dash_layers_tree .x-grid-row .layers-tree-UNKNOWN .x-tree-elbow-plus, #comp_dash_layers_tree .x-grid-row .layers-tree-UNKNOWN .x-tree-expander, #comp_dash_layers_tree .x-grid-row .layers-tree-UNKNOWN .x-tree-elbow, #comp_dash_layers_tree .x-grid-row .layers-tree-GOOD .x-tree-elbow-plus, #comp_dash_layers_tree .x-grid-row .layers-tree-GOOD .x-tree-expander, #comp_dash_layers_tree .x-grid-row .layers-tree-GOOD .x-tree-elbow, #comp_dash_layers_tree .x-grid-row .layers-tree-LOW .x-tree-elbow-plus, #comp_dash_layers_tree .x-grid-row .layers-tree-LOW .x-tree-expander, #comp_dash_layers_tree .x-grid-row .layers-tree-LOW .x-tree-elbow, #comp_dash_layers_tree .x-grid-row .layers-tree-INTERMEDIATE .x-tree-elbow-plus, #comp_dash_layers_tree .x-grid-row .layers-tree-INTERMEDIATE .x-tree-expander, #comp_dash_layers_tree .x-grid-row .layers-tree-INTERMEDIATE .x-tree-elbow, #comp_dash_layers_tree .x-grid-row .layers-tree-HIGH .x-tree-elbow-plus, #comp_dash_layers_tree .x-grid-row .layers-tree-HIGH .x-tree-expander, #comp_dash_layers_tree .x-grid-row .layers-tree-HIGH .x-tree-elbow { background:url('../images/Light/treeArrowslayer_header.png') 2px 0px !important; } /*#comp_dash_layers_tree .x-grid-row.x-grid-row-selected.x-grid-row-focused .layers-tree-UNKNOWN .x-tree-elbow-plus, #comp_dash_layers_tree .x-grid-row.x-grid-row-selected.x-grid-row-focused .layers-tree-UNKNOWN .x-tree-elbow-end-plus, #comp_dash_layers_tree .x-grid-row.x-grid-row-selected.x-grid-row-focused .layers-tree-UNKNOWN .x-tree-elbow-end, #comp_dash_layers_tree .x-grid-row.x-grid-row-selected.x-grid-row-focused .layers-tree-GOOD .x-tree-elbow-plus, #comp_dash_layers_tree .x-grid-row.x-grid-row-selected.x-grid-row-focused .layers-tree-GOOD .x-tree-elbow-end-plus, #comp_dash_layers_tree .x-grid-row.x-grid-row-selected.x-grid-row-focused .layers-tree-GOOD .x-tree-elbow-end, #comp_dash_layers_tree .x-grid-row.x-grid-row-selected.x-grid-row-focused .layers-tree-LOW .x-tree-elbow-plus, #comp_dash_layers_tree .x-grid-row.x-grid-row-selected.x-grid-row-focused .layers-tree-LOW .x-tree-elbow-end-plus, #comp_dash_layers_tree .x-grid-row.x-grid-row-selected.x-grid-row-focused .layers-tree-LOW .x-tree-elbow-end, #comp_dash_layers_tree .x-grid-row.x-grid-row-selected.x-grid-row-focused .layers-tree-INTERMEDIATE .x-tree-elbow-plus, #comp_dash_layers_tree .x-grid-row.x-grid-row-selected.x-grid-row-focused .layers-tree-INTERMEDIATE .x-tree-elbow-end-plus, #comp_dash_layers_tree .x-grid-row.x-grid-row-selected.x-grid-row-focused .layers-tree-INTERMEDIATE .x-tree-elbow-end, #comp_dash_layers_tree .x-grid-row.x-grid-row-selected.x-grid-row-focused .layers-tree-HIGH .x-tree-elbow-plus, #comp_dash_layers_tree .x-grid-row.x-grid-row-selected.x-grid-row-focused .layers-tree-HIGH .x-tree-elbow-end-plus, #comp_dash_layers_tree .x-grid-row.x-grid-row-selected.x-grid-row-focused .layers-tree-HIGH .x-tree-elbow-end{ background:url('../images/Light/treeArrowslayer_header.png') -12px 0px !important; }*/ #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .layers-tree-UNKNOWN .x-tree-elbow-plus, #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .layers-tree-UNKNOWN .x-tree-elbow-end-plus, #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .layers-tree-UNKNOWN .x-tree-elbow-end, #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .layers-tree-GOOD .x-tree-elbow-plus, #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .layers-tree-GOOD .x-tree-elbow-end-plus, #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .layers-tree-GOOD .x-tree-elbow-end, #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .layers-tree-LOW .x-tree-elbow-plus, #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .layers-tree-LOW .x-tree-elbow-end-plus, #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .layers-tree-LOW .x-tree-elbow-end, #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .layers-tree-INTERMEDIATE .x-tree-elbow-plus, #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .layers-tree-INTERMEDIATE .x-tree-elbow-end-plus, #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .layers-tree-INTERMEDIATE .x-tree-elbow-end, #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .layers-tree-HIGH .x-tree-elbow-plus, #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .layers-tree-HIGH .x-tree-elbow-end-plus, #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .layers-tree-HIGH .x-tree-elbow-end { background:url('../images/Light/treeArrowslayer_header.png') -12px 0px !important; } #comp_dash_layers_tree .x-grid-row .layers-tree-UNKNOWN .x-grid-cell-inner a, #comp_dash_layers_tree .x-grid-row .layers-tree-GOOD .x-grid-cell-inner a, #comp_dash_layers_tree .x-grid-row .layers-tree-LOW .x-grid-cell-inner a, #comp_dash_layers_tree .x-grid-row .layers-tree-INTERMEDIATE .x-grid-cell-inner a, #comp_dash_layers_tree .x-grid-row .layers-tree-HIGH .x-grid-cell-inner a { color:#fff } #comp_dash_layers_tree .x-grid-row .layers-tree-UNKNOWN div.x-grid-cell-inner { background:#30a1d9; color:#fff !important; } #comp_dash_layers_tree .x-grid-row .layers-tree-GOOD div.x-grid-cell-inner{ background:#0c9a12; color:#fff !important; } #comp_dash_layers_tree .x-grid-row .layers-tree-INTERMEDIATE div.x-grid-cell-inner{ background:#fa9d1c; color:#fff !important; } #comp_dash_layers_tree .x-grid-row .layers-tree-LOW div.x-grid-cell-inner { background:#ccc100; color:#fff !important; } #comp_dash_layers_tree .x-grid-row .layers-tree-HIGH div.x-grid-cell-inner{ background:#c7000e; color:#fff !important; } #comp_dash_layers_tree .layers-tree-INTERMEDIATE div.x-grid-cell-inner img.state_INTERMEDIATE{ background-position : -220px -242px !important; margin:2px 10px 0 0; position:absolute; left:20px; } #comp_dash_layers_tree .layers-tree-GOOD div.x-grid-cell-inner img.state_GOOD{ /*background-position : -700px -150px !important;*/ background-position : -280px -242px !important; margin:2px 10px 0 0; position:absolute; left:20px; } #comp_dash_layers_tree .layers-tree-UNKNOWN div.x-grid-cell-inner img.state_UNKNOWN { background-position : -260px -242px !important; margin:2px 10px 0 0; position:absolute; left:20px; } #comp_dash_layers_tree .layers-tree-LOW div.x-grid-cell-inner img.state_LOW { background-position : -240px -242px !important; margin:2px 10px 0 0; position:absolute; left:20px; } #comp_dash_layers_tree .layers-tree-GRAY div.x-grid-cell-inner img.state_GRAY { background-position : -725px -150px !important; margin:2px 10px 0 0; position:absolute; left:20px; } #comp_dash_layers_tree .layers-tree-HIGH div.x-grid-cell-inner img.state_HIGH { background-position : -200px -242px !important; margin:2px 10px 0 0; position:absolute; left:20px; } #comp_dash_layers_tree .x-grid-tree-node-expanded td, #comp_dash_layers_tree .x-grid-cell-treecolumn { /*border-color:#000; border-width:1px 2px 0px 2px; border-style:solid;*/ } #comp_dash_layers_tree .x-grid-tree-node-expanded .layers-tree-GOOD div.x-grid-cell-inner a, #comp_dash_layers_tree .x-grid-tree-node-expanded .layers-tree-GOOD div.x-grid-cell-inner a, #comp_dash_layers_tree .x-grid-tree-node-expanded .layers-tree-UNKNOWN div.x-grid-cell-inner a, #comp_dash_layers_tree .x-grid-tree-node-expanded .layers-tree-LOW div.x-grid-cell-inner a, #comp_dash_layers_tree .x-grid-tree-node-expanded .layers-tree-GRAY div.x-grid-cell-inner a, #comp_dash_layers_tree .x-grid-tree-node-expanded .layers-tree-INTERMEDIATE div.x-grid-cell-inner a, #comp_dash_layers_tree .x-grid-tree-node-expanded .layers-tree-HIGH div.x-grid-cell-inner a{ color:#fff !important; } #comp_dash_layers_tree .errorBox div.x-grid-cell-inner{ background: #f1f1f1; border-width:0px; font-size:11px; padding:0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px!important; } #comp_dash_layers_tree .errorBox div.x-grid-cell-inner img{ display:none} .cursorHand{ cursor : pointer; } .known-measures-grid{} .known-measures-grid .x-grid-row-alt .x-grid-cell{ background:#f4f4f4 !important; } .known-measures-grid .x-grid-row .x-grid-cell{ background:#ffffff !important; } .known-measures-grid .comp-dash-layers-measures-icon-text{ display:inline-block; font-size:11px; padding:0px 5px; margin-top:-2px; } .known-measures-grid .x-grid-cell-inner{font-size:11px;} .known-measures-grid .st_icon{ padding-top:2px;position:relative;top:3px;} .x-grid-group-hd .x-grid-cell-inner { background:none repeat scroll 0 0 #FFFFFF; border-color:#FAFAFA #EDEDED #EDEDED !important; border-style:solid !important; border-width: 0 0 1px !important; } .x-grid-group-title{ font-size:12px !important; color:#000 !important; } .layers-list div.x-panel-header, .x-nlg .layers-list div.x-panel-header-default-framed-top{ background:none; background-image:none;/*F*/ border-width:0px 0px 0px 0px !important; } #comp_dash_layers_tree .commonNode .x-grid-cell-inner .x-tree-icon{ margin:2px 9px 0 0; } #comp_dash_layers_tree .x-grid-cell-inner .x-tree-icon{ margin:3px 5px 0 3px; } #comp_dash_layers_tree .x-grid-tree-node-expanded .x-tree-elbow-plus, #comp_dash_layers_tree .x-grid-tree-node-expanded .x-tree-elbow-end-plus{ background-position:-12px 0px; } #comp_dash_layers_tree .x-tree-elbow-plus, #comp_dash_layers_tree .x-tree-elbow-minus, #comp_dash_layers_tree .x-tree-elbow-end-plus, #comp_dash_layers_tree .x-tree-elbow-end-minus{ background-image:url('../images/Light/treeArrowslayer.png') !important; background-position:2px 0px; } .comp-dash-layers-measures-icon-text{ font-size:11px;color:#000} .splToolbar{ background:#f6f6f6; border-color:#e3e3e3 #e3e3e3 #e3e3e3 #e3e3e3; border-width:1px 1px 1px 1px; } .splToolbarLayerModel{ background:#cdcdcd !important; border-left-width:1px !important; border-right-width:1px !important; border-top-width:1px !important; border-bottom-width:1px !important; border-color:#adadad #adadad #adadad #adadad; border-style:solid; padding:0px 5px 0 5px!important; } .splToolbarLayerModel.x-toolbar{ overflow:hidden !important; } .splToolbarLayerModel .x-toolbar .x-toolbar-separator-horizontal, .splToolbarLayerModel .x-toolbar .x-toolbar-separator, .splToolbarLayerModel .x-toolbar-separator, .splToolbarLayerModel .x-toolbar .x-toolbar-separator-default{ width: 1px; height: 31px;/*V*/ margin: 0px 4px 0px 4px; background:none; top:0px !important;/*V*/ position:absolute !important; border-color: #adadad !important; border-width:0px 1px 0px 0px !important; border-style:solid !important; } .x-btn.overflowBt button {overflow:visible !important } #comp_dash_layers_tree-body .jspContainer{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:transparent; } .propertyGrid .x-grid-row .x-grid-cell-inner { font-size:11px; padding:4px 5px 4px 10px; } .quicklinkAlarmTable .x-grid-cell-inner{ color:#1a1a1a !important;font-weight:normal !important} .infoItem { float: left; height:25px; width:33.2%; line-height:25px; display: flex; border-color:#f4f4f4 #ffffff #dddddd #ffffff; border-style:solid; border-width:1px 1px 1px 1px; } .infoText{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; } .infoIcon{ flex: 1; } .x-property-grid .x-grid-row .x-grid-property-name .x-grid-cell-inner, .x-property-grid .x-grid-row-over .x-grid-property-name .x-grid-cell-inner { background-image:none !important; } .iconBarChart{ cursor:pointer} .layers-tree .layers-tree-bold-node .x-grid-cell-inner, .layers-tree .layers-tree-bold-node .x-grid-cell-inner a { font-weight:600 !important; } tr.layers-tree-bold-node div.x-grid-cell-treecolumn{ } #comp_dash_layers_tree-body{ border:none !important;/*V*/ } /*-----vijay 31-10-2020-----Layer Model icon layout issue--------*/ #comp_dash_layers_tree td.secondlevel div.x-grid-cell-inner div a img.iconMaintenancePolicy{ position:relative !important; top:3px } #comp_dash_layers_tree td.secondlevel div.x-grid-cell-inner div div a img.iconMaintenancePolicy{ position:relative !important; top:-2px } /*#comp_dash_layers_tree .x-grid-row .x-grid-cell.HIGH_border.last_leaf img.iconMaintenancePolicy{ position:relative !important; top:-2px !important }*/ /*-----vijay 31-10-2020------------------*/ #comp_dash_layers_tree-body .x-grid-view{ padding:10px 9px; } #comp_dash_layers_tree-body .x-grid-view .x-grid-table:first-child{ } #comp_dash_layers_tree .x-grid-row .x-grid-cell.LOW_border.errorBox{ border-color:#ccc100; border-style:solid; border-width:0px 3px 3px 3px; } #comp_dash_layers_tree .x-grid-row .x-grid-cell.LOW_border{ border-color:#ccc100; border-style:solid; border-width:0px 3px; } #comp_dash_layers_tree .x-grid-row .x-grid-cell.GOOD_border.errorBox{ border-color:#0c9a12; border-style:solid; border-width:0px 3px 3px 3px; } #comp_dash_layers_tree .x-grid-row .x-grid-cell.GOOD_border{ border-color:#0c9a12; border-style:solid; border-width:0px 3px; } #comp_dash_layers_tree .x-grid-row .x-grid-cell.INTERMEDIATE_border.errorBox{ border-color:#fa9d1c; border-style:solid; border-width:0px 3px 3px 3px; } #comp_dash_layers_tree .x-grid-row .x-grid-cell.INTERMEDIATE_border{ border-color:#fa9d1c; border-style:solid; border-width:0px 3px; } #comp_dash_layers_tree .x-grid-row .x-grid-cell.UNKNOWN_border.errorBox{ border-color:#30a1d9; border-style:solid; border-width:0px 3px 3px 3px; } #comp_dash_layers_tree .x-grid-row .x-grid-cell.UNKNOWN_border{ border-color:#30a1d9; border-style:solid; border-width:0px 3px; } #comp_dash_layers_tree .x-grid-row .x-grid-cell.HIGH_border.errorBox{ border-color:#c7000e; border-style:solid; border-width:0px 3px 3px 3px; } #comp_dash_layers_tree .x-grid-row .x-grid-cell.HIGH_border{ border-color:#c7000e; border-style:solid; border-width:0px 3px; } #comp_dash_layers_tree .x-grid-row .x-grid-cell.GRAY_border.errorBox{ border-color:#646464; border-style:solid; border-width:0px 3px 3px 3px; } #comp_dash_layers_tree .x-grid-row .x-grid-cell.GRAY_border{ border-color:#646464; border-style:solid; border-width:0px 3px; } #comp_dash_layers_tree .x-grid-row .x-grid-cell.INTERMEDIATE_border.last_leaf, #comp_dash_layers_tree .x-grid-row .x-grid-cell.UNKNOWN_border.last_leaf, #comp_dash_layers_tree .x-grid-row .x-grid-cell.HIGH_border.last_leaf, #comp_dash_layers_tree .x-grid-row .x-grid-cell.GOOD_border.last_leaf, #comp_dash_layers_tree .x-grid-row .x-grid-cell.GRAY_border.last_leaf, #comp_dash_layers_tree .x-grid-row .x-grid-cell.LOW_border.last_leaf{ border-width:0px 3px 3px 3px !important; } #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .x-grid-cell.INTERMEDIATE_border.last_leaf, #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .x-grid-cell.UNKNOWN_border.last_leaf, #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .x-grid-cell.HIGH_border.last_leaf, #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .x-grid-cell.GOOD_border.last_leaf, #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .x-grid-cell.GRAY_border.last_leaf, #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .x-grid-cell.LOW_border.last_leaf{ border-width:0px 3px 0px 3px !important; } .layerModelMeasureTime{ text-align:right; line-height:33px; padding:0 0px;/*F*/ font-size:11px; color:#c0c0c0; } .whitedropdown_search .x-form-trigger-wrap-focus input, .whitedropdown_search .x-form-trigger-wrap-focus input.x-form-text, .whitedropdown_search .x-form-trigger-wrap-focus input.x-form-text{ color:#000; } .layer_checkbt{ background: url("../images/Dark/layersep.png") no-repeat scroll; width:26px } .layer_checkbt .x-form-item-body{ padding-left:2px; padding-top:2px; } .layer_checkbt .x-form-checkbox{width:20px;height:20px;} .layer_checkbt.x-form-cb-checked .x-form-item-body .x-form-checkbox { background-image: url ("../images/Light/layermodel_tree_expand.png"); background-position: 0px -1px !important; background-repeat:no-repeat; } .layer_checkbt .x-form-item-body .x-form-checkbox { background-image: url("../images/Light/layermodel_tree_expand.png"); background-position:0px -21px; background-repeat:no-repeat; } .layer_checkbtOver .x-form-checkbox{ background-color:rgba(0,0,0,0.1); } .test-search-hidden{ overflow:hidden; height:21px !important; } /*--------------Service Business Dashboard--start---/V/---------*/ #sharingwindow.x-window.x-window-default {/*V*/ box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.75) !important; } .ServiceMemoryBox{ border:2px solid #dedede; width:70px; height:70px } .ServiceMemoryTxtSmall{ font-weight:500; font-size:13px; } .ServiceMemoryTxtNormal{ font-weight:500; font-size:18px; } .ServiceMemoryTxtBig{ font-weight:500; font-size:22px; } a.ServiceDashboardLink:hover{ font-weight:500; } .columnInnerHeader { font-size:12px;/*V*/ text-transform:uppercase; color:#292929; background-color:#dbdbdb; padding:5px 6px 5px 10px;/*V*/ border-top:1px solid #c2c2c2; border-right:.1em solid #adadad } .servicesHeader { font-size:12px;/*V*/ text-transform:uppercase; color:#1a1a1a;/*V*/ background-color:#e6e6e6;/*V*/ padding:5px 6px 5px 10px;/*V*/ border-top:0px solid #cdcdcd;/*V*/ border-bottom:1px solid #cdcdcd;/*V*/ border-right:.1em solid #cdcdcd/*V*/ } .demandHeader { font-size:12px;/*V*/ text-transform:uppercase; color:#1a1a1a;/*V*/ background-color:#e6e6e6;/*V*/ padding:5px 6px 5px 10px;/*V*/ border-top:0px solid #c2c2c2;/*V*/ border-bottom:1px solid #cdcdcd;/*V*/ border-right:.1em solid #cdcdcd;/*V*/ } .consumptionHeader { font-size:12px;/*V*/ text-transform:uppercase; color:#1a1a1a;/*V*/ background-color:#e6e6e6;/*V*/ padding:5px 6px 5px 10px;/*V*/ border-top:0px solid #cdcdcd;/*V*/ border-bottom:1px solid #cdcdcd;/*V*/ border-right:.1em solid #cdcdcd/*V*/ } .qualityHeader { font-size:12px;/*V*/ text-transform:uppercase; color:#1a1a1a;/*V*/ background-color:#e6e6e6;/*V*/ padding:5px 6px 5px 10px;/*V*/ border-top:0px solid #cdcdcd;/*V*/ border-bottom:1px solid #cdcdcd;/*V*/ border-right:.1em solid #cdcdcd/*V*/ } .healthHeader { font-size:12px;/*V*/ text-transform:uppercase; color:#1a1a1a;/*V*/ background-color:#e6e6e6;/*V*/ padding:5px 6px 5px 10px;/*V*/ border-bottom:1px solid #cdcdcd;/*V*/ border-top:0px solid #cdcdcd;/*V*/ border-right:1px solid #cdcdcd;/*V*/ } .columnServices { font-size:12px;/*V*/ color:#1a1a1a;/*V*/ padding:3px 6px 3px 10px; border-bottom:1px solid #cdcdcd;/*V*/ border-bottom:1px solid #cdcdcd;/*V*/ border-right:1px solid #cdcdcd;/*V*/ } .columnDemand { font-size:11px; color:#fff; padding:0; border-bottom:1px solid #cdcdcd;/*V*/ border-bottom:1px solid #cdcdcd;/*V*/ border-right:1px solid #cdcdcd;/*V*/ } .consumptionPercentText{ font-size:14px !important; color:#464646; } .consumptionText{ color:#464646; font-size:12px; } .ServiceDashRow:nth-child(odd){ /*background-color:#f9f9f9*/ background-color:#fafafa } .ServiceDashRow:nth-child(even){ background-color:#ffffff } /*demand and quality table*/ .columnInnerTableHeader { font-size:11px; font-weight:500; padding:0px 6px; color:#393939; background-color:#fbfbfb; border-bottom:1px solid #d6d6d6; } .columnInnerRow { font-size:11px; padding:5px 0px 5px 0px; border-bottom:1px solid #eaeaea; } .columnInnerRow2 { font-size:11px; padding:4px 0px 4px 0px; border-bottom:1px solid #eaeaea; } .columnInnerRow2:last-child, .columnInnerRow:last-child{ padding-right:10px; } .columnInnerRowHeader { font-size:11px; padding:6px; font-weight:500; background-color:#fbfbfb; border-bottom:1px solid #d6d6d6; } .commonErrorMsgText{ font-weight:400; /* J */ font-size:12px !important; /* j */ text-align:center; color:#1a1a1a; } .business_dashTitlefont{ margin-top:5px; width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .business_dashTitlefont a{ font-weight:500;font-size:12px; } .dataview{ border-color:#cdcdcd;/*V*/ border-width:1px 1px 1px 1px; border-style:solid; } .header_col{ background:#e6e6e6;/*V*/ border-color:#cdcdcd;/*V*/ border-width:0px 1px 1px 0px;/*V*/ border-style:solid; padding:4px 10px; } .header_col.first{ border-width:0px 1px 1px 0px !important;/*V - For Bussiness Dashboard*/ } .header_col.last{ border-width:0px 0px 1px 0px !important;/*V*/ } .dataTad{ padding:3px 10px; border-bottom:#cdcdcd 1px solid;/*V*/ } table.sys_bus_datatable tr:hover td, table.configTable tr:hover td.dataTad{ background:#e2eff8; } table.configTable{ border-top:0px solid #cdcdcd;/*V*/ border-left:1px solid #cdcdcd;/*V*/ border-right:1px solid #cdcdcd;/*V*/ border-bottom:1px solid #cdcdcd;/*V*/ } td.configTable{ font-size:12px;border-bottom:1px solid #cdcdcd;border-right:1px solid #cdcdcd}/*V*/ table.configTable tr.selected { background: #c1ddf1; } table.configTable tr.selected td{ color:inherit} table.configTable .selected{color:#fff} .tDnD_whileDrag{background:#fffdca !important;} .matric_values{font-size:11px;color:#393939;font-weight:500;} .centerDiv{ width: 50%; height: 50%; overflow: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } /*--------------Service Business Dashboard---end--/V/---------*/ /*---------------------------------- END comes layer model -----------------------------------*/ /*---System dashboard ---*/ .TabBgStatic{ background:#fff !important; background-image:none !important; } .TabBgStatic .tablayout.x-panel-default{ border:1px solid #c3c3c3 !important; /* border-radius:0px !important; -webkit-border-radius:0px !important; -moz-border-radius:0px !important; */ margin:0 10px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; } .appDashboardsTopPanel { background: #fbfbfb; border:solid 1px #e3e3e3; -moz-border-radius-topleft: 0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; } /*V*//*-----layer tabset page - System remove shadow----------*/ .frameset{ border:#e3e3e3 1px solid; background:#fbfbfb; -moz-border-radius-topleft: 0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; position:relative; border:1px solid #dedede; -webkit-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35);/*V*/ -moz-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35);/*V*/ box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35);/*V*/ } .frameset .x-panel-body { background: transparent;/*D*/ } .title{ position:absolute; top:-8px; left:10px; background:#fbfbfb; padding:0 4px; border:#e3e3e3 1px solid; } .title b{ font-weight:500; font-size:12px; line-height:1.4em; } .outer_round{ -moz-border-radius-topleft: 0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; height:12px !important; margin:0 0px 0 0px;/*V*/ font-size:0px; } .font_no{ font-size:17px;} .font_text{font-size:11px;font-weight:500;} .font_bold{font-weight:500;font-size:12px;} .font_bold_italic{font-weight:500;font-size:12px;font-style:italic;} .font_normal8{font-size:8px;} .font_normal9{font-size:9px;} .font_normal10{font-size:10px;} .font_normal11{font-size:11px;} .font_normal12,.mainten_font{font-size:12px;} .font_normal13{font-size:13px;} .font_normal14{font-size:14px;} .font_normal15{font-size:15px;} .font_normal16{font-size:16px;} .font_normal17{font-size:17px;} .font_normal18{font-size:18px;} .font_normal19{font-size:19px;} .font_normal20{font-size:20px;} .font_normal10White{font-size:10px;color:#ffffff;} .font_normal31{font-size:31px;} .font_normal21{font-size:21px;} .font_normal22{font-size:22px;} .font_normal23{font-size:23px;} .font_normal24{font-size:24px;} .font_normal25{font-size:25px;} .font_normal26{font-size:26px;} .font_normal28{font-size:28px;} .font_normal29{font-size:29px;} .font_normal35{font-size:35px;} .font_normal45{font-size:45px;} .font_normal10White{font-size:10px;color:#ffffff;} .font_bold9{font-weight:500;font-size:9px;} .font_bold10{font-weight:500;font-size:10px;} .font_bold11{font-weight:500;font-size:11px;} .font_bold12{font-weight:500;font-size:12px;} .font_bold13{font-weight:500;font-size:13px;} .font_bold14{font-weight:500;font-size:14px;} .font_bold15{font-weight:500;font-size:15px;} .font_bold16{font-weight:500;font-size:16px;} .font_bold17{font-weight:500;font-size:17px;} .font_bold18{font-weight:500;font-size:18px;} .font_bold31{font-weight:500;font-size:31px;} .font_bold35{font-weight:500;font-size:35px;} .font_bold25{font-weight:500;font-size:25px;} .font_bold20{font-weight:500;font-size:20px;} .font_bold22{font-weight:500;font-size:22px;} .font_bold24{font-weight:500;font-size:24px;} .fontStyleRobot{ font-weight:500; } .fontStyleRobotRegular{ font-family:inherit; } .windowHeaderLinkFont12{text-decoration:underline;font-weight:500;font-size:12px;text-transform:capitalize;color: #f7f7f7;} .bigHeaderFont{font-weight:500;font-size:13px;} .formLabelDivFont{font-size:12px;} /*J*/ .widgetHeaderFont{font-size:12px;color:#ffffff;line-height:15px;} .fancy_border{ background:url("../images/Light/frameset-seprator.png") right center repeat-y; /*F*/ } .fancy_border.first{ border-width:0 1px 0 0px !important; } .fancy_border.last{ background:none; } div.maskCenter{ top:45% !important; left:45% !important; } /* Added for User Profile changes - Gayathri*/ #reportType2-labelCell, #mailTo-labelEl, #mailCC-labelEl, #mailBCC-labelEl { font-weight: normal; } .fontnormal_css { font-weight: normal !important; } #configuration{ left: 306px !important; } .view_align { left: 382px !important; top: 10px !important; } #alarms_container { left:-6px !important; } .remove_bg { background-color: transparent !important; } /* #uploadform { padding-left: 5px; } #Command_container { top:167px !important; } #slidertip-1029 { border: none; background-color: transparent; } #escMail { width: 233px !important; height: 56px !important; } */ .fontsize_small { font-size:11px; } /*---- Tree panel without header----*/ .treePanelDesignWithoutHeader .x-panel-body{ background:#ffffff !important; border-style:solid !important; margin:0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .treePanelDesignWithoutHeader.x-panel-default-framed{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border:1px solid #d2d2d2 !important; padding:0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .treePanelDesignWithoutHeader .x-docked-noborder-left { border-left-width: 0!important; } .treePanelDesignWithoutHeader .x-docked-noborder-bottom { border-bottom-width: 0!important; } .treePanelDesignWithoutHeader .x-docked-noborder-right { border-right-width: 0!important; } .treePanelDesignWithoutHeader .x-docked-noborder-top { border-right-width: 0!important; } .treePanelDesignWithoutHeader .x-panel-header{ background: #ffffff; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow:none; border-width:0px 0px 1px 0px; border-color:#ffffff; } .treePanelDesignWithoutHeader .x-grid-header-hidden .x-grid-body { border-top-color: transparent !important; } .treePanelDesignWithoutHeader .x-panel-header-text-container{ padding:0px 5px 0px 5px; } .treePanelDesignWithoutHeader .x-panel-header-text{ font-size:13px; text-transform:uppercase; line-height:20px; } .treePanelDesignWithoutHeader .x-grid-cell, .treePanelDesign .x-grid-cell-inner { font-size: 11px; } .treePanelDesignWithoutHeader .x-grid-row .x-grid-cell{ border-color: #ffffff; background:#f4f4f4 !important; border-width: 0 0 1px 0px; } .treePanelDesignWithoutHeader .x-grid-row .x-grid-cell{ padding:4px 4px 2px 4px !important; } .treePanelDesignWithoutHeader .x-grid-row-selected .x-grid-cell, .treePanelDesign .x-grid-row-selected .x-grid-cell-inner, .treePanelDesign .x-grid-row-selected .x-grid-rowwrap-div { background-color: #e1e1e1 !important; font-weight:500; } .treePanelDesignWithoutHeader .x-grid-row-focused .x-grid-cell, .x-grid-row-focused .x-grid-rowwrap-div { border-color: #d2d2d2; background-color: #ff0066; } .treePanelDesign .x-toolbar{ background:#fbfbfb !important; /*F*/ border-color:#d1d1d1 !important; border-width:0px 0px 1px 0px!important; border-style:solid !important; } /*---- end of tree panel without header ----*/ /* datapanel without shade styles start here */ .datapanelWithoutShadow{margin-bottom:15px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -ms-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; } .datapanelWithoutShadow div.x-panel-body{ background:#ffffff !important; border:1px solid #cdcdcd; /*border-width:0px 1px 1px 1px; border-style:solid; border-color:#cdcdcd; padding:0px; margin:0px;*/ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .outerpanel .datapanelWithoutShadow div.x-panel-body .block1 div.x-panel-body { /*border:1px solid #cdcdcd !important;*/ } .datapanelWithoutShadow.x-panel-default-framed{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border-color:#cdcdcd; } .datapanelWithoutShadow .x-panel-body .block1 .x-panel-body{ border-width:0px !important;} .datapanelWithoutShadow div.x-panel-header{ background: #fbfbfb; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fbfbfb 0%, #ededed 83%, #ededed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(83%,#ededed), color-stop(100%,#ededed)); background: -webkit-linear-gradient(top, #fbfbfb 0%,#ededed 83%,#ededed 100%); background: -o-linear-gradient(top, #fbfbfb 0%,#ededed 83%,#ededed 100%); background: -ms-linear-gradient(top, #fbfbfb 0%,#ededed 83%,#ededed 100%); background: linear-gradient(to bottom, #fbfbfb 0%,#ededed 83%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#ededed',GradientType=0 ); border-width:1px 1px 1px 1px; border-color:#c3c3c3; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow:none; /* border:1px solid #cdcdcd !important; */ font-size:14px; font-weight:500; } .datapanelWithoutShadow .x-panel-header-text-container{ padding:0px 5px 0px 5px; } .datapanelWithoutShadow span.x-panel-header-text{ font-size:14px; font-weight:500; text-transform:none; } /* dataPanel without shade styles end here */ .text-color{font-weight:500;} .textBold{font-weight:500;}; /* For Monitor Added gayathri */ #text_wrapellipse { white-space: nowrap; text-overflow: ellipsis; width: 200px; overflow: hidden; } /*-- horizontal scroll --*/ .gridSkin .x-grid-header-ct{ overflow:hidden !important; } .tabsetsettingsWindow{ box-shadow:none !important} .toolbarPositionManual{position:relative !important; top:0px!important;} /* Below fix for the toolbar button bottom border hidden issue when monitor display scale is changed to 125%/150%.. - 8-august-2023 */ .toolbarPositionManual .x-btn.buttonalarm.measurbutton.x-btn-default-small{ height:28px; } .toolbarPositionManual .x-btn.buttonalarm.measurbutton.x-btn-default-small em{ display:contents; } /* ---- ended */ .removeButtonCurve{ border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -khtml-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border:0px; } .x-toolbar .x-toolbar-text { margin-left:2px !important; } /* Monitor Alarm page Asset table Design html start here */ .x-window-header-newPopupWindow.assetAlarmPopupWinHeader, .x-window-header-body-newPopupWindow.assetAlarmPopupWinHeader, .x-window-header-text-newPopupWindow.assetAlarmPopupWinHeader { background:#5C5C5C ; color:#ffffff ; font-size:16px ; } .x-window-header-body-newPopupWindow.assetAlarmPopupWinHeader .x-tool img.x-tool-close { background-image: url('/final/images/Light/newPopupWindowCloseDarkBg.png'); } .x-window-body-newPopupWindow.assetAlarmPopupWinHeader { background:#F2F2F2 ; } .assetTable{ border:0px solid #e3e3e3; border-collapse:collapse; background-color:#ffffff; margin:10px; width:97%; box-shadow: 1px 1px 2px -1px #474849; -webkit-box-shadow: 1px 1px 2px -1px #474849; -moz-box-shadow: 1px 1px 2px -1px #474849; -o-box-shadow: 1px 1px 2px -1px #474849; } .assetTable th{ padding:12px 10px; border-width: 0px; font-size:14px; display: table; } .assetTable td{ padding:0px 10px 10px 10px; } .assetTableInner{ border-style: solid; border-color: #ececec; border-width: 1px 0px 0px 0px; border-collapse:collapse; background-color:#ffffff; width:100%; } .assetTableInner td{ padding:10px 10px; font-size: 12px; border-style: solid; border-color: #f2f2f2; border-width: 0px 0px 1px 0px; } .assetTableInner tr:nth-child(even) { background-color: #F8F8F8; } .assetTable th span{ display: table-cell; vertical-align: middle; } .assetHeaderIcon { width: 30px; height: 30px; margin: 5px 10px 5px 10px; } .addButton { background : url('../images/Light/addButton.png') no-repeat top left; width: 24px; height: 24px; } /* Monitor Alarm page Asset table Design html end here */ .text_transformGraph .x-panel-header-text { text-transform: capitalize; } .content-frame { background:#3b3b3b !important; /* height:100% !important; width:100% !important; */ } .dashboard_title .x-panel-header-text-default-framed { font-size: 13px !important; text-transform: uppercase !important; line-height: 20px !important; /* text-shadow: 1px 0 0 #ffffff !important; */ } .targetToDROP { margin-left: -5px !important; margin-top: 10px !important; } #measureComboLbl, #componentComboLbl, #descriptorComboLbl, #dd_measure_cols, #topNComponentComboLbl{ display:inline-block; font-size:11px !important; } #configTableGrid_header_hd-textEl{ font-weight:500; display:inline-block; color:#ffffff; font-size:12px !important; } .x-column-header-checkbox .x-column-header-text { display: block !important; margin: 3px 0px 2px -4px; line-height:1.3em; } .input_server { height: 18px !important } span.ellpise_wrap { white-space:nowrap; width:12em; overflow:hidden; } .treePanelDesign.x-panel-default-framed.x-collapsed{ border:0px solid #000000 !important; width:0px !important; } div.x-tip-whitethemes{ border-color:#fff !important; background: #fff; /* Old browsers */ border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.7); -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.7); box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.7); } .x-tip-body-whitethemes{ background:#fff; } .x-tip-whitethemes .x-tip-anchor{ border-width:10px; border-color:#fff; } .x-tip-whitethemes .x-tip-anchor-top { border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; } .x-tip-whitethemes .x-tip-anchor-bottom { border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; } .x-tip-whitethemes .x-tip-anchor-left { border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .x-tip-whitethemes .x-tip-anchor-right { border-top-color: transparent; border-bottom-color: transparent; border-right-color: transparent; } .x-tip-header-text-whitethemes{ font-size:14px;text-transform:uppercase;padding-left:10px;} .x-tip-header-text-whitethemes{ font-size:14px;text-transform:uppercase;} .x-tip-header-body-whitethemes .x-tool img{ margin:2px 0 0 -11px !important;} .post:nth-child(even) {background: #f4f4f4;} .post:nth-child(odd) {background: #fff;} .alarm_containerborder{ border-style:solid; border-width:0px 1px 1px 1px; border-color:#cdcdcd; } .magin_back { margin-left: -6px !important; } .timeline_left { margin-left: 10px !important; } #schResPane, .selction_panel { border: 1px solid #D8D8D8 !important; } /* Added For sevice group */ .treebox_shadow, .treebox_shadow2 { border:1px solid #c3c3c3 !important; padding:0px; box-shadow: 2px 2px 3px #666666; -webkit-box-shadow: 2px 2px 3px #666666; -moz-box-shadow: 2px 2px 3px #666666; } .treebox_shadowzone { box-shadow: 2px 2px 3px #666666; -webkit-box-shadow: 2px 2px 3px #666666; -moz-box-shadow: 2px 2px 3px #666666; background: #ffffff; border: 0px; margin: 0px; border-radius:0px !important; border-left: 1px solid #dcdcdc !important; } .removeborder_bottom2 { border-bottom: 1px solid #fff !important; border-left: 1px solid #dcdcdc !important; border-right: 1px solid #dcdcdc !important; border-bottom-color:#fff !important; } .serviceGroup_margintopicon .x-grid-cell-inner{ margin-top: -3px; } /* Ends sevice group */ .zone-optionallist-font, .services-optionallist-font, .healthmain_heading, .component-list-left-font { font-weight:500; font-size:12px !important; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .zone-optionallist-subheading-font .x-grid-cell-inner, .services-optionallist-subheading-font .x-grid-cell-inner{ font-weight:500; font-size:12px !important; } .componen_padding { padding-left:0px !important; } .removeborder_bottom .x-panel-body { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } /* Added for sevice group */ .removeborder_bottom2 .x-panel-body { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .remove_lessspace .x-tree-icon { padding-right:0px !important; } .remove_lessspace .x-grid-row .x-grid-cell{ padding:2px 4px 0px 0px !important; } .remove_lessspace .x-grid-row .x-grid-cell-inner { padding: 3px 4px 1px 0px !important; } .segmentsBg .x-panel-body{ background:#f6f6f6 !important } .imagepadding_margin { margin-bottom: 1px; margin-left: 15px; margin-right: 10px; margin-top: 5px; } .ServiceGroup_top { border: 1px solid #dcdcdc; } /* Ends sevice group */ .removeborder_bottom { border: 1px solid #dcdcdc; border-bottom-color:#fff !important; } .remove_space .x-tree-icon { padding-right:0px !important; } /* Used for SERVICES - BUSINESS METRICS */ #GOODlink { background: #0c9a12; padding: 3px 5px 1px 5px;/*V*/ color:#fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #BADlink { background: #cd0f0f; padding: 3px 5px 1px 5px;/*V*/ color:#fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #HIGHlink { background: #cd0f0f;; padding:3px 5px 1px 5px;/*V*/ color:#fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #INTERMEDIATElink { background: #fa9d1c; padding:3px 5px 1px 5px;/*V*/ color:#fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #LOWlink { background: #ccc100; padding:3px 5px 1px 5px;/*V*/ color:#fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #UNKNOWNlink { background: #30a1d9; padding: 3px 5px 1px 5px;/*V*/ color:#fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #GRAYlink { background: #a7b2b1; padding: 3px 5px 1px 5px;/*V*/ color:#000; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .helathdummy_height { height:10px; } #schResPane, .selction_panel, .borders-t { border: 1px solid #D8D8D8 !important; } .selction_panel, .borders-t { box-shadow: 2px 2px 3px #666666; -webkit-box-shadow: 2px 2px 3px #666666; -moz-box-shadow: 2px 2px 3px #666666; } .x-fieldset { padding: 10px; margin-bottom: 10px; display: block; position: relative; /*border-radius: 5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; background:#ffffff; border:1px solid #dcdada !important;*/ } .x-fieldset-header .x-fieldset-header-text{ font-size: 12px; font-weight:500; /* text-transform:uppercase; */ } .footerline_height { line-height:150% } .table_padding { padding:2px 10px; } .table_line { line-height:21px; } .background_whitecls { background: #FFF !important; } /* Added for Measures in Monitor*/ .measurevertical_line { float: left; width:1px; border-right: 1px solid rgb(194, 194, 194); height:12px; margin-top: 2px;/*f*/ border-left: 1px solid white; } .measure_shadow { border:1px solid #d2d2d2; } /*.measure_shadow:last-child, .measure_shadow div.datapanel { box-shadow: 0px 0px 0px !important; -webkit-box-shadow: 0px 0px 0px !important; -moz-box-shadow: 0px 2px 0px !important; } */ /* */ div.tabpanel .x-panel-body, div.tabpanel .x-box-inner{/*overflow:hidden !important;*/} .x-border-box .x-tab-bar-top .x-tab-bar-body{ height:33px; } /* Admin pages related styles start here------------------ Jaiwin */ .x-toolbar.adminTopToolbar, .x-docked.adminTopToolbar, .x-toolbar-default.adminTopToolbar, .x-docked-top.adminTopToolbar, .x-toolbar-docked-top.adminTopToolbar, .x-toolbar-default-docked-top.adminTopToolbar{ background-color:#e2e2e2; border-color:#ffffff; border-top-width:0px !important; border-right-width:0px !important; border-bottom-width:1px !important; border-left-width:0px !important; border-style:solid; } .adminHeadInfoText{ background: #fff5a4 !important; font-size:11px; padding:5px 5px 5px 5px; border-color:#d9d08b !important; border-top-width:0px !important; border-right-width:0px !important; border-bottom-width:1px !important; border-left-width:0px !important; border-style:solid !important; height:25px; line-height:20px; /*f*/ } /* Admin pages related styles end here------------------ Jaiwin */ /* Added for drag select - Inbaraj*/ .textunselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .treePanelDesign .x-grid-tree-node-expanded .x-tree-icon-parent .domainRoot, .domainRoot { background: url('../images/Light/eG_Icons.png') no-repeat top left !important; background-position: -80px 0px !important; width: 16px !important; height: 16px !important; } /* Admin Adudit Design */ .auditinfo_table1 { border:1px solid #d3d3d3 } .table_autitborder { border-top:1px solid #cdcdcd; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; } .table_autitborderbottom { border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; } /* #eg_subheadbg { border-top-color: #c3c3c3 !important; border-right-color: #c3c3c3 !important; border-bottom-color: #fff !important; border-left-color: #c3c3c3 !important; border-width: 0px 1px 1px 1px !important; background-color: #828282 !important; } */ /*V*//* copied from adminstyle_gray.css - Old styles - for ViewThresholdJson page and audit log page table styles */ #eg_title {font-weight:500; font-size:8pt;} .eg_title {font-weight:500; font-size:8pt;} #eg_subheadbg {text-transform:uppercase;font-size: 12px;border-left-width:0px;border-right-width:0px;border-top-width:1px;border-bottom-width:0px;border-style:solid;border-color:#cdcdcd;text-align:center;background-repeat:repeat-x;background-color:#cdcdcd;background-position:top left;} .eg_subheadbg { background: #e6e6e6; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ font-size: 12px; text-transform: uppercase; text-shadow: none; font-weight: normal; border-top-color: #cdcdcd !important; border-right-color: #cdcdcd !important; border-bottom-color: #cdcdcd !important; border-left-color: #cdcdcd !important; border-style: solid; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 1px !important; border-left-width: 0px !important; height:21px /*V*/ } .subHeadFontSize{ padding:2px 5px 2px 5px; font-size: 12px; text-transform: uppercase; text-shadow: none; line-height:20px; /* text-shadow: 1px 0 0 #ffffff; */ font-weight:500; } .table_border{ border-left-width:0px; border-right-width:0px; border-top-width:0px; border-bottom-width:1px; border-color:#cdcdcd; border-style:solid; vertical-align:top /*V*/ } #padding6{padding:6px} .padding6{padding:6px} #eg_blankspace {font-size: 1pt;} .eg_blankspace {font-size: 1pt;} #mouse {cursor:pointer; cursor:hand; text-align:center;} .mouse {cursor:pointer; cursor:hand; text-align:center;} #lineleft{border-left-width:1px;border-right-width:0px;border-top-width:0px;border-bottom-width:0px; border-color:#c3c3c3;border-style:solid} #lineright{border-left-width:0px;border-right-width:1px;border-top-width:0px;border-bottom-width:0px; border-color:#c3c3c3;border-style:solid} #linetop{border-left-width:0px;border-right-width:0px;border-top-width:1px;border-bottom-width:0px; border-color:#c3c3c3;border-style:solid} #linebottom{border-left-width:0px;border-right-width:0px;border-top-width:0px;border-bottom-width:1px; border-color:#c3c3c3;border-style:solid} .lineleft{border-left-width:1px;border-right-width:0px;border-top-width:0px;border-bottom-width:0px; border-color:#c3c3c3;border-style:solid} .lineright{border-left-width:0px;border-right-width:1px;border-top-width:0px;border-bottom-width:0px; border-color:#c3c3c3;border-style:solid} .linetop{border-left-width:0px;border-right-width:0px;border-top-width:1px;border-bottom-width:0px; border-color:#c3c3c3;border-style:solid} .linebottom{border-left-width:0px;border-right-width:0px;border-top-width:0px;border-bottom-width:1px !important; border-color:#c3c3c3;border-style:solid} #linebottomright{border-left-width:0px;border-right-width:1px;border-top-width:0px;border-bottom-width:1px; border-color:#B6B6B6;border-style:solid} #linebottomleft{border-left-width:1px;border-right-width:0px;border-top-width:0px;border-bottom-width:1px; border-color:#B6B6B6;border-style:solid} #linelefttop{border-left-width:1px;border-right-width:0px;border-top-width:1px;border-bottom-width:0px; border-color:#B6B6B6;border-style:solid} #linerighttop{border-left-width:0px;border-right-width:1px;border-top-width:1px;border-bottom-width:0px; border-color:#B6B6B6;border-style:solid} .linebottomright{border-left-width:0px;border-right-width:1px;border-top-width:0px;border-bottom-width:1px; border-color:#B6B6B6;border-style:solid} .linebottomleft{border-left-width:1px;border-right-width:0px;border-top-width:0px;border-bottom-width:1px; border-color:#B6B6B6;border-style:solid} .linelefttop{border-left-width:1px;border-right-width:0px;border-top-width:1px;border-bottom-width:0px; border-color:#B6B6B6;border-style:solid} .linerighttop{border-left-width:0px;border-right-width:1px;border-top-width:1px;border-bottom-width:0px; border-color:#B6B6B6;border-style:solid} .padding4{padding:4px} .padding2{padding:2px} #table_head{font-size:12px; text-transform:uppercase; font-weight:500; color: #ffffff;padding:3px;background:#828282;padding:2px 2px 6px 2px;} .table_head{ font-size:12px; text-transform:uppercase; font-weight:500;color: #ffffff !important;background:#828282;padding:4px 2px 4px 6px; } .tableborder_ad{ border: 1px solid #c3c3c3; border-collapse: collapse;} .tdborder_ad{ border: 1px solid #c3c3c3; background-color: #ffffff; border-collapse: collapse;} .tableborder_ad2{ border: 1px solid #d8d8d8; border-collapse: collapse;} .tdborder_ad2{ border: 1px solid #d8d8d8; background-color: #cdcdcd; border-collapse: collapse;} .fontSize10{font-size:10px;} .fontSize13{font-size:13px;} .fontSize13bold{font-size:13px;font-weight:500;} #cell_border3{border-left-width:0px; border-right-width:1px;border-top-width:0px;border-bottom-width:1px;border-color:#c3c3c3;border-style:solid;background-color:#f4f4f4;padding:4px;font-size:13px} .cell_border3{border-left-width:0px; border-right-width:1px;border-top-width:0px;border-bottom-width:1px;border-color:#c3c3c3;border-style:solid;background-color:#f4f4f4;padding:4px;font-size:12px} #eg_subhead {font-size:13px; font-weight:500;} .eg_subhead {font-size:13px; font-weight:500;} #linesquare{border-left-width:1px;border-right-width:1px;border-top-width:1px;border-bottom-width:2px; border-color:#B6B6B6;border-style:solid} #linesquare2{border-left-width:2px;border-right-width:2px;border-top-width:2px;border-bottom-width:2px; border-color:#B6B6B6;border-style:solid} .linesquare{border-left-width:1px;border-right-width:1px;border-top-width:1px;border-bottom-width:1px; border-color:#B6B6B6;border-style:solid} .linesquare2{border-left-width:2px;border-right-width:2px;border-top-width:2px;border-bottom-width:1px; border-color:#B6B6B6;border-style:solid} #eg_errorsmall {font-weight:500; font-size: 11px; color: #1E1E1E; text-align: center;} .eg_errorsmall {font-weight:500; font-size: 11px; color: #1E1E1E; text-align: center;} #eg_morelight{background-color:#f4f4f4} .eg_morelight{background-color:#f4f4f4} #eg_headbg {background-color: #3F3F3F; color: #FFFFFF;} .eg_headbg {color: #FFFFFF;} #audit_bg{background-color:#f2f2f2;border-right: 1px solid #727272;border-bottom: 1px solid #727272; border-left:1px solid #ECECEC; border-top:1px solid #ECECEC;font-size:13px;padding:4px} .audit_bg{border-right: 0px solid #adadad;border-bottom: 1px solid #adadad; border-left:1px solid #adadad; border-top:1px solid #adadad;font-size:12px;padding:4px;padding-left:10px !important} /*------------- For Topology page --------12 jan 2011----- jaiwin-----------end--------*/ .configWinBody { border:1px solid #d7d7d7; background:#f6f6f6 !important;/*V*/ padding:0px; } /* For Service Groups Gaya3 */ .new_serviceborder { border-left: 1px solid #c3c3c3 !important; border-top: 1px solid #c3c3c3 !important; border-right: 1px solid #c3c3c3 !important; border-bottom: 1px solid #c3c3c3 !important; -webkit-border-bottom-left-radius: 0px !important; border-bottom-left-radius: 0px !important; } .servicegrpborder { border:1px solid #d4d4d4 !important; } .service_groupbordertopremove { border-top:0px !important; border-left:0px !important; } /* added For Health App and Maintenance Gaya3 */ #win-body, #win-body .x-window-body-default{ box-shadow: 2px 2px 3px #666666; -webkit-box-shadow: 2px 2px 3px #666666; -moz-box-shadow: 2px 2px 3px #666666; } .tableTrBgEven_myalternate :nth-child(even) {background: #f4f4f4;} .tableTrBgEven_myalternate :nth-child(odd) {background: #fff; } .tableTrBgEven_myalternate { border:1px solid #D9D9D9; padding:2px 5px 2px 5px; } .reportTrBgColor{ background-color:#ffffff; } .tableTrBgEvenReport{ background-color:#ffffff; } .tableTrBgAddReport{ background-color:#f4f4f4; } .Maintanence_tablediv { border-top-color: #c3c3c3 !important; border-right-color: #c3c3c3 !important; border-bottom-color: #3F3D3D !important; border-left-color: #c3c3c3 !important; border-width: 0px 1px 1px 1px !important; background-color: #828282 !important; height: 25px; color: white; padding-left: 10px; padding-top: 5px; font-size: 12px; font-weight:500; border: 1px solid; } .maintenanceTopPanel, #maintenanceTopPanel-body , .maintenancesummary_block{ background: #f4f4f4; border:solid 1px #d3d3d3; } .maintenancetop_summary { background: #f4f4f4; border:solid 1px #d3d3d3; border-bottom:0px !important } .maintenancesummary_block { border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; } .mhover:hover .controlles{ display:block !important; cursor:poniter } .mhover1:hover .controlles1{ display:block !important; cursor:poniter } .windowModal{ background:#000 !important; filter:alpha(opacity=90) !important; opacity:.9 !important; } .mytable_shadow { border:0px !important; background: #fff !important; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } .recomm_footerline{ line-height: 100%; } .problemwindow_hd { font-weight:500; font-size: 14px; color: #1E1E1E; padding: 10px 10px 5px 10px; background: #fff; } .border_bottomtable{ margin-left: 10px; border-bottom: 1px solid #c3c3c3; margin-bottom: 8px; margin-top: 2px; margin-right: 10px; } .problmduarion_body{ border-radius:5px; margin:5px; border-radius: 5px; margin: 0px 5px 5px 5px; border: 1px solid #c3c3c3; padding: 10px; background: #F5F5F5; font-size: 14px; color: #1E1E1E; } .tablecommotop{ border-top: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; border-top: 0px; border-collapse: collapse; } .remove_bgbody { background: #fff !important; border: 0px !important; } .viewincid_btn { background: #535353; display: inline-block; cursor: pointer; color:#ffffff; text-decoration: none; padding: 5px 10px 5px 10px; font-size: 12px; } .viewincid_btn:hover { background: #a1a1a1; display: inline-block; cursor: pointer; color:#ffffff; text-decoration: none; padding: 5px 10px 5px 10px; font-size: 12px; } .backgrdgridspace .x-grid-cell-inner { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding: 5px 5px 0px; white-space: nowrap; } .xAxisLabelFontForReporter { font-size:11px; } .firstRowClass div { font-weight:500; font-size: 12px; } /* Added for Sliders Topology */ .x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner{ background-image: url(/final/images/Light/slider-v-bg.png); } .x-slider-vert .x-slider-thumb{ width: 18px; height: 14px; margin-bottom: -7px; position: absolute; left: 2px; bottom: 0; background: transparent no-repeat 0 0; background-image: url(/final/images/Light/slider-v-thumb.png); } .zoomOutbt{ background-image: url(/final/images/Light/slider.png)!important; background: transparent no-repeat 2px -19px; width:22px; display:block; height:18px; border-width:0px !important; } .zoomOutbt button, .zoomInbt button{ width:18px; border:0px; cursor:pointer; height:18px; } .zoomInbt{ background-image: url(/final/images/Light/slider.png) !important; background: transparent no-repeat 2px 1px; width:22px; height:18px; display:block; border-width:0px !important; } /* Added for Application Dashboard*/ .highcharts-container { margin:0px auto } #alarmLightBoxPopup-body { z-index:110; border-radius: 0px; background:none !important; top: 22px !important; } .innertableborder tbody tr:last-child td { border-bottom:0px !important } /*---grey search .gray_search{} .gray_search .x-form-trigger-input-cell{background:url('/final/images/search_exp.png') top left no-repeat;height:20px;padding-left:19px;} .gray_search input.x-form-field{background:url('/final/images/search_exp.png') top right no-repeat !important;border:0px}--*/ /* Dark Search Box */ .gray_search{ width:350px; } .gray_search input { height: 20px !important; background:#555; } .gray_search .x-form-trigger-wrap{ float:right;} .gray_search input[type="text"] { -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.65); -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.65); box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.65); border: 0 none; padding: 3px 15px 2px 26px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: url(/final/images/Light/search-dark.png) no-repeat 6px 5px #ffffff; width: 150px; line-height:1.5em; } .seperatorEmpty{visibility:hidden} .border-left{ border-left:#adadad 1px solid !important; } .border-right{ border-right:#adadad 1px solid !important; } input[type=text]::-ms-clear { display: none; } /* styles copied from skin_blue.css styles start here */ /* CSS Document */ html{ /*background: #3b3b3b;*/ height:100%; width:100%;} .content-frame { background:#3a3a3a; height:100%; width:100%; } #EgNav-body, #EgNav-body.x-box-layout-ct, #EgNav-body.x-border-layout-ct, #EgNav-innerCt, #navHide, #navHide-body, #navHide-body.x-box-layout-ct, #navHide-body.x-border-layout-ct, #navHide-innerCt { overflow:visible!important} .logotabsetBg { background:#585858; border-color:#696969 #696969 #696969 #696969; border-width:1px 1px 1px 1px; border-style:solid; -webkit-box-shadow: 3px 3px 5px -2px rgba(0,0,0,0.35); -moz-box-shadow: 3px 3px 5px -2px rgba(0,0,0,0.35); box-shadow: 3px 3px 5px -2px rgba(0,0,0,0.35); height:40px !important; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -ms-border-top-left-radius: 0px; -o-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -ms-border-top-right-radius: 0px; -o-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -ms-border-bottom-right-radius: 0px; -o-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -ms-border-bottom-left-radius: 0px; -o-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } #logotabset-body{ } .indexButtonBg{ background:transparent; border-top:#585858 1px solid!important; height:37px; } #tabset{ top:-1px!important} .indexButtonBg:hover{ border-top:#000 1px solid!important; border-top:#000 1px solid!important; background:#2e2e2e; } .indexButtonBgPressed{ border-top:#000 1px solid!important; background:#2e2e2e; } .indexButtonBg:hover button span.x-btn-inner, .indexButtonBgPressed button span.x-btn-inner{ color:#fff !important; /* text-shadow: 1px 1px 0 #ffffff; */ } .indexButtonBg .x-box-inner{} .indexSeperator { width:3px; height:36px; background:url("/final/images/Light/indexTabsetSeperator.png") repeat-y 0px 0px transparent !important; margin:0px; border:none !important; } .footerIndex { color: #a0a0a0 !important; font-size: 11px !important; height:26px; padding:0px !important; } .footerLeftBorder{ width:2px !important; height:26px !important; } .footerRightBorder{ width:2px !important; height:26px !important; } .tabsetLeftBorder{ } .tabsetRightBorder{ } /* Tabset buttons start here - Jaiwin */ .tabsetButton.x-btn-default-small { padding:0px!important; background: none; border-width:0px!important; height:36px !important; } .tabsetButton.x-btn-default-small.x-btn .x-btn-center .x-btn-inner{ padding:0px 0px 0px 0px; color: #ffffff; font-size: 13px; display:block; /* text-shadow: 1px 1px 0 #525252; */ height:38px !important; line-height:35px; /* font Change */ } .tabsetButton.x-btn-default-small-icon-text-left .x-btn-icon{ top:4%; left:2%; width:34px; } .tabsetButton.x-btn-default-small.x-btn em{ display:block; float:left; height:36px !important; line-height:36px; padding:0px 0px 0px 0px; } .tabsetButton.x-btn-default-small.x-btn button{ background: none; height:36px !important; line-height:36px; } .tabsetButton.x-btn-default-small.over .x-btn-center .x-btn-inner{ background:transparent; color:#ffffff; } .tabsetButton.x-btn-default-small.over em{ background:transparent; color:#ffffff; /* text-shadow: 1px 0 0 #525252; */ } .tabsetButton.x-btn-default-small.x-btn-pressed .x-btn-center .x-btn-inner{ background:transparent; color:#ffffff; /*text-shadow: 1px 1px 0 #ffffff;*/ } .tabsetButton.x-btn-default-small .x-btn-inner{ color: #ffffff; font-size: 15px; font-weight:500; } /* Newly added this class to remove the inline style in the indexApp->view->Main.js --- jaiwin */ .footerBorder{ background: #4e4e4e; } /* tabset buttons styles end here */ /* common skin used for Ext js */ /*---- Quick Link ----*/ .quicklink {} .quicklink.x-window-default, .quicklink .x-window-default{ -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -ms-border-top-left-radius: 5px; -o-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -ms-border-top-right-radius: 5px; -o-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -ms-border-bottom-right-radius: 5px; -o-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -ms-border-bottom-left-radius: 5px; -o-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; /* -webkit-box-shadow: #ecf2fb 0 0px 0 0 inset,#ecf2fb 0px 0 0 0 inset,#ecf2fb 0px 0 0 0 inset; -moz-box-shadow: #ecf2fb 0 0px 0 0 inset,#ecf2fb 0px 0 0 0 inset,#ecf2fb 0px 0 0 0 inset; box-shadow: #ecf2fb 0 0px 0 0 inset,#ecf2fb 0px 0 0 0 inset,#ecf2fb 0px 0 0 0 inset; */ border-width: 6px; border-style: solid; border-color: #5b3a63 !important; background-color: #f2f2f2; -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.7); -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.7); box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.7); } .quicklink .x-window-header-default-top { -webkit-box-shadow: #ecf2fb 0 0px 0 0 inset,#ecf2fb 0px 0 0 0 inset,#ecf2fb 0px 0 0 0 inset; -moz-box-shadow: #ecf2fb 0 0px 0 0 inset,#ecf2fb 0px 0 0 0 inset,#ecf2fb 0px 0 0 0 inset; box-shadow: #ecf2fb 0 0px 0 0 inset,#ecf2fb 0px 0 0 0 inset,#ecf2fb 0px 0 0 0 inset; } .quicklink .x-window-header-default-top { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -ms-border-top-left-radius: 0px; -o-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -ms-border-top-right-radius: 0px; -o-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -ms-border-bottom-right-radius: 0; -o-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -ms-border-bottom-left-radius: 0; -o-border-bottom-left-radius: 0; border-bottom-left-radius: 0; border-style: solid; border-color:green; background-color: #5b3a63; } .quicklink .x-window-header-default{ zoom: 1; padding:4px !important; margin:4px; height:28px !important; background-color: #5b3a63; } .quicklink .x-window-header-text-default { font-weight:500; font-size:13px; color:#ffffff; text-transform:uppercase; } .quicklink .x-window-body-default { border-width: 0px; background:#f2f2f2 !important; } .quicklink .x-window-body { position: relative; border-style: solid; overflow: hidden; } /*---- end of quick link ----*/ /*---- Tree panel ----*/ .treePanelDesign .x-panel-body{ background:#ffffff; border-style:solid !important; margin:0px; /* padding:5px 10px 5px 10px; */ padding:0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border-color: transparent !important; border-top-color: transparent !important; } .treePanelDesign.x-panel-default-framed{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border:1px solid #d2d2d2 !important; padding:0px !important; background-color:#ffffff; } .treePanelDesign .x-docked-noborder-left { border-left-width: 0!important; } .treePanelDesign .x-docked-noborder-bottom { border-bottom-width: 0!important; } .treePanelDesign .x-docked-noborder-right { border-right-width: 0!important; } .treePanelDesign .x-docked-noborder-top { border-right-width: 0!important; } .treePanelDesign .x-panel-header, .x-nlg .treePanelDesign .x-panel-header-default-framed-top{ background: #ffffff; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; padding:3px 6px 3px 6px!important; box-shadow:none; border-width:0px 0px 1px 0px; border-color:#b0b0b0; } .treePanelDesign .x-grid-header-hidden .x-grid-body { border-top-color: transparent !important; } .treePanelDesign .x-panel-header-text-container{ padding:0px 5px 0px 0px; } .treePanelDesign .x-panel-header-text{ font-size:12px; font-weight:500; text-transform:uppercase; line-height:19px; } .treePanelDesign .x-grid-cell, .treePanelDesign .x-grid-cell-inner { font-size: 11px; } .treePanelDesign .x-grid-row .x-grid-cell-inner{ padding:3px 4px 1px 4px !important; margin:0px 0px 0px 0px !important; line-height:1.8em !important; } .treePanelDesign .x-grid-row .x-grid-cell .x-tree-icon{ margin:1px 5px 0px 0px;}/*F*/ .treePanelDesign.x-tree-arrows .x-tree-elbow-plus, .treePanelDesign.x-tree-arrows .x-tree-elbow-end-plus, .treePanelDesign.x-tree-arrows .x-tree-elbow-empty{ margin:0px 0px 0px 0px !important; } .treePanelDesign .x-tree-panel .x-grid-cell-inner .x-tree-elbow-end-plus{ margin:0px 0px 0px 0px !important; } .treePanelDesign tr:nth-child(even).x-grid-row .x-grid-cell { background: #ffffff !important; border-color: #d3d3d3; border-style:solid; border-width: 0 0 1px 0px; } .treePanelDesign tr:nth-child(odd).x-grid-row .x-grid-cell { background: #f9f9f9 !important; /*F*/ border-color: #d3d3d3; border-style:solid; border-width: 0 0 1px 0px; } .treePanelDesign .x-grid-row-over .x-grid-cell, .treePanelDesign .x-grid-row-over .x-grid-cell-inner, .treePanelDesign .x-grid-row-over .x-grid-rowwrap-div{ background-color: #e2eff8 !important; } .treePanelDesign .x-grid-row-selected .x-grid-cell, .treePanelDesign .x-grid-row-selected .x-grid-cell-inner, .treePanelDesign .x-grid-row-selected .x-grid-rowwrap-div { background-color: #c1ddf1 !important; font-weight:500; } .treePanelDesign .x-grid-row-focused .x-grid-cell, .x-grid-row-focused .x-grid-rowwrap-div { border-color: #ddd; background-color: #ff0000; } /*---- end of tree panel ----*/ /*---- tree accordion ----*/ .treeAccordionDesign{ border:1px solid #696969 !important; } .treeAccordionDesign .x-accordion-hd{ background: #1e1e1e; height:32px; } .treeAccordionDesign .x-accordion-hd { border-width: 0px 0px 1px 0px !important; padding: 3px 5px 3px 2px; border-top-color: none !important; border-bottom-color: #696969 !important; border-left-color: none !important; border-right-color: none !important; height:32px; } .treeAccordionDesign .x-panel-body{ background:#ffffff; border:0px solid #ff0000 !important; margin:0px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .treeAccordionDesign.x-panel-default-framed{ border:1px solid #696969 !important; padding:0px; background:transparent; background-image:none; /* -webkit-box-shadow: 2px 0px 1px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 2px 0px 1px 0px rgba(0, 0, 0, 0.75); box-shadow: 2px 0px 1px 0px rgba(0, 0, 0, 0.75); */ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .treeAccordionDesign .x-panel-collapsed.x-collapsed .x-accordion-hd{ border-width:0px 0px 1px 0px; border-color:#696969 !important; } .treeAccordionDesign .x-panel-header, .x-nlg .treeAccordionDesign .x-panel-header-default-framed-top { background: #515151 !important; box-shadow:none; border-width:0px 0px 1px 0px; border-color:#515151 !important; height:29px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .treeAccordionDesign .x-accordion-hd-last-collapsed { border-bottom:0px !important; } /* .treeAccordionDesign .x-panel-header-text{ font-size:14px; font-weight: normal; color:#ffffff; text-transform:uppercase; line-height:20px; } */ .treeAccordionDesign .x-grid-cell, .treePanelDesign .x-grid-cell-inner { font-size: 12px; } .treeAccordionDesign tr:nth-child(even).x-grid-row .x-grid-cell { background: #ffffff; border-color: #f3f3f3; border-style:solid; border-width: 0 0 1px 0px; } .treeAccordionDesign tr:nth-child(odd).x-grid-row .x-grid-cell { background: #ffffff; border-color: #f3f3f3; border-style:solid; border-width: 0 0 1px 0px; } .treeAccordionDesign tr:nth-child(odd).x-grid-row .x-grid-cell:hover{ background: #e2eff8; } .treeAccordionDesign tr:nth-child(even).x-grid-row .x-grid-cell:hover{ background: #e2eff8; } .treeAccordionDesign .accordToolbar{ background:#eaeaea; } .treeAccordionDesign .x-grid-row .x-grid-cell{ padding:2px 4px 0px 4px !important; } .treeAccordionDesign .x-grid-cell-treecolumn .x-grid-cell-inner { padding: 0; line-height:20px; font-size:12px; } .treeAccordionDesign .x-grid-row-selected .x-grid-cell{ background-color: #c1ddf1 !important; font-weight:500; line-height:20px; border-width: 1px 0 1px 0px !important; border-color: #98bed6 !important; border-style:solid !important; } .treeAccordionDesign .x-grid-row-focused .x-grid-cell, .x-grid-row-focused .x-grid-rowwrap-div { border-color: #ddd; background-color: #ff0000; } .treeAccordionDesign .x-panel-header-text { font-size: 12px; color: #ffffff; } .treeAccordionDesign .x-accordion-hd .x-panel-header-text { color: #ffffff; text-transform: uppercase; } .treeAccordionDesign .x-panel-header-text-container { overflow: hidden; color: #ffffff; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding:3px 5px 1px 3px; } .treeAccordionDesign .x-tree-arrows .x-tree-elbow-plus, .treeAccordionDesign .x-tree-arrows .x-tree-elbow-end-plus{ margin:1px 2px 0px 4px; } .treeAccordionDesign .x-tree-arrows .x-tree-elbow, .treeAccordionDesign .x-tree-arrows .x-tree-elbow-end { margin: 1px 2px 0px 4px !important; } .treeAccordionDesign .x-tree-arrows .x-tree-elbow-line{ margin: 1px 2px 0px 4px !important; } .treeAccordionDesign .x-tree-icon { margin: 2px 5px 0px 4px !important; } /*---- end of tree accordion ----*/ /*---- quick menu popup ----*/ .x-tip-themes{ /* border-color:#ff0000 !important; */ border:1px solid #333333 !important; background: #535353; /* Old browsers */ -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75); -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; padding:0px 10px 10px 10px; } .x-tip-body-themes{ background:#ffffff; border:1px solid #e3e3e3; } .x-tip-themes .x-tip-anchor{ position: absolute; overflow: hidden; border-style: solid; border-width: 0px; border-color:none; background: url("../images/Light/configMode_popupArrow.png") no-repeat left top transparent; width: 24px; height: 14px; position: absolute; zoom: 1; } .x-tip-themes .x-border-box .x-tip-anchor { } .x-tip-body-loginHelpUI{ border:1px solid #333333 !important; background: #535353; /* Old browsers */ -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75); -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; -o-border-radius: 0px !important; border-radius: 0px !important; padding:10; } .x-tip-body-loginHelpUI .x-tip-anchor{ position: absolute; overflow: hidden; border-style: solid; border-width: 0px; border-color:none; background: url("../images/Light/loginTooltipArrow.png") no-repeat left top transparent; width: 60px; height: 26px; position: absolute; zoom: 1; } .x-tip-themes .x-tip-anchor-top { border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; } .x-tip-themes .x-tip-anchor-bottom { border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; } .x-tip-themes .x-tip-anchor-left { border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .x-tip-themes .x-tip-anchor-right { border-top-color: transparent; border-bottom-color: transparent; border-right-color: transparent; } .x-tip-header{ border-bottom-width:0px !important; border-color:#aab2bd !important; border-style:solid; border-top-width:0px; border-left-width:0px; border-right-width:0px; padding:4px 0px 3px 7px; } .x-tip-header-text-themes{ font-size:13px; font-weight:500; text-transform:uppercase; color:#f7f7f7; line-height:24px; } .round-container{ background:#ffffff; margin:0px; padding:0px 5px 5px 5px; } .round-container .x-panel-body{ overflow-X:hidden !important; } .x-tip-header-body-themes .x-tool img{ margin:1px 0px 0px -11px !important;} /*---- end of quick menu popup ----*/ /************* Drop Down Menu Design Styles Start Here ****************/ #menu li.header { float:left; width:210px; display:block; text-align:center; padding: 0px; margin:0px; border:none; color:#ffffff; font-weight:500; font-size:14px; text-align:left; line-height: 18px; } #showextramenu{color:#c7cad3;} #showextramenu:hover{color:#ffffff} #menu li { float:left; display:block; text-align:center; padding: 2px 5px 5px 0px; margin-right:0px; margin-top:0px; color:#1a1a1a !important; border:none; margin-left:0px; } #menu li .drop { padding-right:21px; background:url("/final/images/Light/arrow.gif") no-repeat right 4px; } .dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns, .dropdown_6columns { margin:0; float:left; position:absolute; display:none; text-align:left; padding:0px 0px 0px 0px; color:#ffffff !important; background:#ffffff; } .dropdown_1column {width:210px;position:relative} .dropdown_2columns {width:420px;position:relative} .dropdown_3columns {width:630px;position:relative} .dropdown_4columns {width:840px;position:relative} .dropdown_5columns {width:1000px;position:relative} #menu li .dropdown_1column, #menu li .dropdown_2columns, #menu li .dropdown_3columns, #menu li .dropdown_4columns, #menu li .dropdown_5columns, #menu li .dropdown_6columns{ left:0px; top:34px; border:0px solid #000; color:#ffffff !important; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); } .col_1, .col_1_alter, .col_2, .col_3, .col_4, .col_5, .col_6{ display:inline; float: left; position: relative; margin:0; padding:0px; border:0px solid blue; } .col_1_Extra{ display:inline; position: relative; margin:0; padding:0px; border:0px solid blue; } .col_1 {width:210px;background-color:#ffffff;} .col_1_alter{width:210px;background-color:#e3e3e3;} .col_1_Extra{width:210px;background-color:#e3e3e3;} .col_2 {width:420px;} .col_3 {width:630px;} .col_4 {width:840px;} .col_5 {width:1000px;} #menu .menu_right { float:right; margin-right:0px; } #menu li .align_right { -moz-border-radius: 5px 0px 5px 5px; -webkit-border-radius: 5px 0px 5px 5px; border-radius: 5px 0px 5px 5px; } #menu li:hover .align_right { left:auto; right:-1px; top:auto; } #menu p, #menu h2, #menu h3, #menu ul li { line-height:18px; font-size:10px; color:#ffffff; text-align:left; } #menu h2 { font-size:18px; margin:7px 0 14px 0; padding-bottom:14px; border-bottom:1px solid #666666; } #menu h3 { font-size:12px; margin:7px 0 14px 0; padding-bottom:7px; border-bottom:1px solid #888888; } #menu p { line-height:17px; margin:0 0 10px 0; } .toogleClsname{ display:block !important;} #menu li div a { font-size:11px; display:block; padding:0px 10px 0px 10px; } #menu li div a:hover { color:#ffffff; background:#bebebe; filter:alpha(opacity=90); opacity:.9; padding:0px 10px 0px 10px; } .strong { font-weight:500; } .italic { font-style:italic; } .imgshadow { /* Better style on Light background */ background:#FFFFFF; padding:4px; border:1px solid #777777; margin-top:5px; -moz-box-shadow:0px 0px 5px #666666; -webkit-box-shadow:0px 0px 5px #666666; box-shadow:0px 0px 5px #666666; } .img_left { /* Image sticks to the left */ width:auto; float:left; margin:5px 15px 5px 5px; } #menu li .black_box { background-color:#333333; color: #ffffff; padding:4px 6px 4px 6px; } #menu li ul { list-style:none; padding:0; margin:0 0 6px 0; } #menu li ul li { font-size:11px; line-height:18px; position:relative; padding:0; color:#ffffff; margin:0; float:none; text-align:left; } #menu li ul li:hover { background:none; border:none; padding:0; margin:0; } #menu li ul li ul.subMenu{ position:absolute; left:25%; right:-20%; top:18px; padding:6px 0px 8px 0px; background:#f0f0f0; border:1px solid #000; z-index:999999 !important; } #menu li ul li ul.subMenu li a:hover{ font-size:11px; line-height:18px; position:relative; padding:0px 10px 0px 10px; margin:0; float:none; text-align:left; background:#bebebe; } #menu li ul li ul.subMenu{ display:none; } #menu li ul li.forSubMenu{ position:relative; } #menu li ul li.forSubMenu:hover{ display:block; background:#bebebe; } #menu li ul li.forSubMenu:hover ul.subMenu{ display:block; } #menu li ul li.forSubMenu:hover a{ color:#fff } #menu li ul li.forSubMenu ul.subMenu li a{ color:inherit; } #menu li ul li.forSubMenu ul.subMenu li a:hover{ color:#fff!important; } /*************************** */ #menu li ul li ul.subMenu2{ position:absolute; left:25%; right:-20%; top:18px; padding:6px 0px 8px 0px; background:#f0f0f0; border:1px solid #000; z-index:999999 !important; } #menu li ul li ul.subMenu2 li a:hover{ font-size:11px; line-height:18px; position:relative; padding:0px 10px 0px 10px; margin:0; float:none; text-align:left; background:#bebebe; } #menu li ul li.forSubMenu:hover ul.subMenu2{ display:none; } #menu li ul li.forSubMenu:hover ul.subMenu li.forSubMenu2{ position:relative; } #menu li ul li.forSubMenu:hover ul.subMenu li.forSubMenu2:hover ul.subMenu2{ display:block; } #menu li ul li.forSubMenu:hover a{ color:#fff } #menu li ul li.forSubMenu:hover ul.subMenu li.forSubMenu2:hover ul.subMenu2 li a{ color:inherit; } #menu li ul li.forSubMenu:hover ul.subMenu li.forSubMenu2:hover ul.subMenu2 li a:hover{ color:#fff!important; } /*****************************/ .headFont{ color:#ffffff; font-weight:500; font-size:13px !important; text-align:left; line-height: 18px; } .headFont a{ color:#ffffff; font-weight:500; font-size:13px !important; text-align:left; line-height: 18px; text-decoration:none; } #menu li ul li.hoverLinkPadding{ padding:10px 10px 0px 10px; } .selectedLink { background:#000; border:none; padding:0px 2px 0px 2px; color:#ffffff !important; margin:0; } #menu li .greybox li { background:#F4F4F4; border:1px solid #bbbbbb; margin:0px 0px 4px 0px; padding:4px 6px 4px 6px; width:116px; /* Rounded Corners */ -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } #menu li .greybox li:hover { background:#ff0000; border:0px solid #aaaaaa; padding:4px 6px 4px 6px; margin:0px 0px 4px 0px; } div#commonPanel-body{overflow:auto !important} #headertoplink-body, #headertoplink-innerCt , #tabset-body, #logotabset div.x-box-layout-ct, #tabset-innerCt, #logotabset div.x-panel, #logotabset div.x-box-inner, #logotabset-body, #logotabset-innerCt{ overflow:visible !important} /************* Drop Down Menu Design Styles End Here ****************/ /* http://spritegen.website-performance.org..... */ .menu_agents, .menu_alarms, .menu_alerts, .menu_audits, .menu_availabilityUnavailability, .menu_backgroundreport, .menu_configuration, .menu_configurationChanges, .menu_dashboard, .menu_favourites, .menu_graphs, .menu_groups, .menu_hostsAppliications, .menu_infrastructure, .menu_integrationConsole, .menu_inventory, .menu_manager, .menu_misc, .menu_monitoring, .menu_reportConfiguration, .menu_reporter, .menu_schedule, .menu_thinClient, .menu_userManagement{ display: block; background : url('../images/Light/menuIcons.png') no-repeat top left; } .menu_agents{ background-position: 0 0; width: 42px; height: 42px; } .menu_alarms{ background-position: 0 -50px; width: 42px; height: 42px; } .menu_alerts{ background-position: 0 -100px; width: 42px; height: 42px; } .menu_audits{ background-position: 0 -150px; width: 42px; height: 42px; } .menu_availabilityUnavailability{ background-position: 0 -200px; width: 42px; height: 42px; } .menu_backgroundreport{ background-position: 0 -250px; width: 42px; height: 42px; } .menu_configuration{ background-position: 0 -300px; width: 42px; height: 42px; } .menu_configurationChanges{ background-position: 0 -350px; width: 42px; height: 42px; } .menu_dashboard{ background-position: 0 -400px; width: 42px; height: 42px; } .menu_favourites{ background-position: 0 -450px; width: 42px; height: 42px; } .menu_graphs{ background-position: 0 -500px; width: 42px; height: 42px; } .menu_groups{ background-position: 0 -550px; width: 42px; height: 42px; } .menu_hostsAppliications{ background-position: 0 -600px; width: 42px; height: 42px; } .menu_infrastructure{ background-position: 0 -650px; width: 42px; height: 42px; } .menu_integrationConsole{ background-position: 0 -700px; width: 42px; height: 42px; } .menu_inventory{ background-position: 0 -750px; width: 42px; height: 42px; } .menu_manager{ background-position: 0 -800px; width: 42px; height: 42px; } .menu_misc{ background-position: 0 -850px; width: 42px; height: 42px; } .menu_monitoring{ background-position: 0 -900px; width: 42px; height: 42px; } .menu_reportConfiguration{ background-position: 0 -950px; width: 42px; height: 42px; } .menu_reporter{ background-position: 0 -1000px; width: 42px; height: 42px; } .menu_schedule{ background-position: 0 -1050px; width: 42px; height: 42px; } .menu_thinClient{ background-position: 0 -1100px; width: 42px; height: 42px; } .menu_userManagement{ background-position: 0 -1150px; width: 42px; height: 42px; } /*---- TabLayout Monitor new----*/ .tablayout.x-panel-default{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border:1px solid #e3e3e3 !important; padding:0px; /*-webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35);F*/ } .tablayout .x-panel-header, .x-nlg .tablayout .x-panel-header-default-framed-top{ background: #f6f6f6; box-shadow:none; border-width:0px 0px 1px 0px !important; border-color:#f6f6f6; top:0px !important; margin:0px; padding:2px 10px 2px 10px; } .tablayout .x-panel-header-text-container{ padding:0px 0px 0px 0px; } .tablayout .x-panel-header-text{ font-size:13px; font-weight:500; /* text-transform:uppercase; */ line-height:20px; /* text-shadow: 1px 0 0 #ffffff; */ } .x-ie .x-tab-default-top button,.x-tab-default-top .x-tab-inner { line-height:inherit; } .tablayout .x-panel-body{ background:#ffffff; border: 0px; padding:0px; margin:0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .tablayout .x-docked-noborder-left { border-left-width: 0!important; } .tablayout .x-docked-noborder-bottom { border-bottom-width: 0!important; } .tablayout .x-docked-noborder-right { border-right-width: 0!important; } .tablayout .x-docked-noborder-top { border-right-width: 0!important; } .tablayout .x-tab button{ font-size: 12px; } .tablayout .x-tab-bar { background:#f6f6f6;/*---21/5/2018 removed important because overwrite- all tabs--*/ box-shadow:none; height:32px; border-width:1px 1px 1px 1px !important; border-top-color:#e3e3e3; border-right-color:#e3e3e3; border-bottom-color:#e3e3e3; border-left-color:#e3e3e3; border-style:solid; } #managedComponentsDiv .x-tab-bar{ border-width:0px 1px 1px 1px !important; } .tablayout.tabborder .x-tab-bar { background:#f6f6f6 !important; box-shadow:none; height:32px; border-width:0px 0px 1px 0px !important; border-top-color:#e3e3e3; border-right-color:#e3e3e3; border-bottom-color:#e3e3e3; border-left-color:#e3e3e3; border-style:solid; } /* x-tab-bar x-docked x-tab-bar-default x-top x-tab-bar-top x-tab-bar-default-top x-horizontal x-tab-bar-horizontal x-tab-bar-default-horizontal x-docked-top x-tab-bar-docked-top x-tab-bar-default-docked-top x-unselectable x-docked-noborder-top x-docked-noborder-right x-docked-noborder-left*/ .tablayout.monitorTabBottomBorder .x-tab-bar-top{ border-width:1px 1px 1px 1px !important; border-top-color:#e3e3e3 !important; border-right-color:#e3e3e3 !important; border-bottom-color:#adadad !important; border-left-color:#e3e3e3 !important; border-style:solid !important; } .tablayout .x-tab-bar-top .x-tab-bar-body{ border-width:0px !important; } .tablayout .x-tab-bar-top .x-tab-bar-strip{ top: 30px; /* top:32px to top:30px changed - because of tabPanel bottom extra border issue - ComponentDashboard/layermodel 22/5/2017 */ border-width: 0px 1px 1px 0px; height: 1px; border-color:#e3e3e3; border-style:solid; } .tablayout .x-tab-over button { color:#ffffff ; } .tablayout .x-tab-default-top{ margin-right:-4px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-shadow:none; } .tablayout .x-horizontal-box-overflow-body{ padding:0px; margin:0px; /* left:-2px; */ } .tablayout .x-tab-default-top{ border-width:1px 1px 1px 1px !important; border-style:solid; border-top-color:#c0c0c0 !important; border-right-color:#bfbfbf !important; border-bottom-color:#c0c0c0 !important; border-left-color:#bfbfbf !important; height:26px !important; padding:0px 0px 0px 10px !important; background:#f6f6f6; margin-right:-3px; } .x-ie .tablayout .x-tab-default-top{ margin-right:-5px; } .tablayout .x-tab-default-top:hover { background:#ededed; border-width:1px 1px 1px 1px !important; border-style:solid; border-top-color:#c0c0c0 !important; border-right-color:#bfbfbf !important; border-bottom-color:#c0c0c0 !important; border-left-color:#bfbfbf !important; } .tablayout .x-tab-default-top em{ background:transparent; } .tablayout .x-tab-default-top em{ padding:0px 10px 0px 0px !important; margin:0px; display:block; } .tablayout .x-tab-bar-top .x-tab-bar-body{ padding:2px; margin:0px; } .tablayout .x-tab-bar{ z-index:999;} .tablayout .x-tab-bar-body .x-box-layout-ct, .tablayout .x-tab-bar-body .x-border-layout-ct, .tablayout .x-tab-bar-body .x-box-inner, .tablayout .x-box-layout-ct, .tablayout .x-border-layout-ct, .tablayout .x-box-inner { /*overflow:visible !important;*/ } .tablayout .x-tab-top-active button{ color: #ffffff !important; font-size: 12px !important; font-weight:500; /* text-shadow: 1px 0 0 #000; */ } .tablayout .x-tab-top-active { background:#515151 !important; border:1px solid #545454 !important; font-weight:500; } /* .tablayout .x-tab-top-active em{ background:#515151 !important; } .tablayout .x-tab-top-active button .x-tab-icon{ background: url('/final/images/blue/tabSelectBg_sp.png') center -60px no-repeat !important; height:35px !important; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; display:block !important; line-height:27px; } */ .tablayout .x-tab-default-over.x-tab-top-active button{ color:#fff; } .tablayout .x-tab-default-over button{ color:inherit; } /*---- end of tabLayout ----*/ /* monitor health view style start here */ .monitorpanel{} .monitorpanel .x-panel-body{ background:#fbfbfb!important; border:0px; margin:0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .monitorpanel.x-panel-default-framed{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border:1px solid #e3e3e3 !important; padding:0px; } .monitorpanel .x-panel-header { background: #fbfbfb; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow:none; border-width:0px 0px 1px 0px !important; border-color:#adadad; top:0px !important; margin:0px; } .monitorpanel .x-panel-header-text-container{ padding:3px 5px 0px 5px; } .monitorpanel .x-panel-header-text{ font-size:14px; font-weight:500; text-transform:capitalize; line-height:12px;/*V*/ } .monitorpanel .x-btn-default-small, .monitorpanel .x-btn-default-toolbar-small, .monitorpanel .x-btn-default-toolbar-small-icon{ padding:0px 2px 0px 2px; border-radius:0px !important; -moz-border-radius:0px !important; -webkit-border-radius:0px !important; } .top-summary-block{ background:#fbfbfb; border:#e3e3e3 1px solid !important; padding:2px !important; } .measure_count{ height:71px; position:relative; } .current-status{ font-size: 12px !important; font-weight:500; } .currentStatusBorder{ border:1px solid #6b6b6b; height:25px; } .summary-titles{ font-size: 11px !important; vertical-align:middle; white-space: wrap; word-wrap:normal; text-align:right; position:absolute; bottom:10px;/*V*/ right:10px; margin-left:30%; } .iconPos{ position:absolute; top:20px;/*V*//*-----HOme and Zone page top panel---------*/ left:9px; } .summary-block-counts{ font-size: 18px !important; padding-top:0px;/*V*/ position:absolute; letter-spacing:-1px;/*V*/ top:10px; right:10px;/*V*/ text-align:right; } .separator_measure.last .indexCurrentStatusSeperatorLine{ display:none; } .separator_measure{ border-width:0px 1px 0px 1px !important; border-right-color:#fefefe; border-left-color:#d6d6d6; border-style:solid; } .currentStatusChartBorder{ border-width:0px 1px 0px 0px !important; border-right-color:#fefefe; border-style:solid; } .separator_measure:last-child{ border-width:0px 0px 0px 1px !important; border-right-color:#fefefe; border-left-color:#d6d6d6; border-style:solid; } .left{ float:left; padding:0px; margin:-5px auto auto auto; } .right { float: left; padding-top: 23px; text-align: center; width: 55%; margin:auto auto; vertical-align:middle; } div.outer12{ height:13px; border:0px solid blue; padding:0px; line-height:13px; margin:0px; } div.outer12 div#HIGH_bg{ background: #cd0f0f !important; text-align:center; float:left; border:0px solid yellow; } div.outer12 div#INTERMEDIATE_bg{ background:#fa9d1c !important; text-align:center; float:left; border:0px solid yellow; } div.outer12 div#LOW_bg{ background: #ccc100 !important; text-align:center; float:left; border:0px solid yellow; } div.outer12 div#GOOD_bg{ background: #0c9a12 !important; text-align:center; float:left; border:0px solid yellow; } div.outer12 div#UNKNOWN_bg{ background:#30a1d9 !important; text-align:center; float:left; border:0px solid yellow; } div.outer12 div#HIGH_bg a{color:#ffffff;font-weight:normal;font-size:10px;} div.outer12 div#INTERMEDIATE_bg a{color:#ffffff;font-weight:normal;font-size:10px} div.outer12 div#LOW_bg a{color:#ffffff;font-weight:normal;font-size:10px} div.outer12 div#GOOD_bg a{color:#ffffff;font-weight:normal;font-size:10px} div.outer12 div#UNKNOWN_bg a{color:#ffffff;font-weight:normal;font-size:10px} .HIGH_bar{ background: #cd0f0f !important; text-align:center; float:left; border:0px solid yellow; } .INTERMEDIATE_bar{ background:#fa9d1c !important; text-align:center; float:left; border:0px solid yellow; } .LOW_bar{ background: #ccc100 !important; text-align:center; float:left; border:0px solid yellow; } .GOOD_bar{ background: #0c9a12 !important; text-align:center; float:left; border:0px solid yellow; } .UNKNOWN_bar{ background:#30a1d9 !important; text-align:center; float:left; border:0px solid yellow; } .flashobj{ margin-top:4px; margin-left:-10px; } .dashComp-block{ float:left; width:178px; padding:0px; } .dashComp-center{ padding:5px; } .dashComp-block-text{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:180px; font-size: 13px !important; font-weight:500; color:#393939; } .problem-analysis-components{ border-left: 1px solid #B5B3B4; margin-left: 1px !important; } .health-view-data{ border-color: #B5B3B4 !important; border-left: 0px solid !important; border-left-color: #B5B3B4 !important; } .health-view-data .x-panel-body-default{ border-left: 0px !important; border-right: 0px !important; border-top: 0px !important; border-bottom: 0px !important; background-color:#E6E6E6; border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -o-border-radius-bottomright: 5px; -khtml-border-bottom-right-radius: 5px; -ms-border-bottom-right-radius:5px; } .problem-analysis{ background: #E6E6E6 !important; border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -o-border-radius-bottomleft: 5px; -khtml-border-bottom-left-radius: 5px; -ms-border-bottom-left-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -o-border-radius-bottomright: 5px; -khtml-border-bottom-right-radius: 5px; -ms-border-bottom-right-radius:5px; } .first-row{ background: none !important; height:26px; } .first-row .x-grid-cell{ border-right: 0px solid #C6C6C8 !important; overflow: visible; background: none !important; } .infra-health{ font-weight:500; text-align: center; font-size: 14px; color:#2a292a; } .healthviewblock{ background-color: #fbfbfb; } .error-panel{ position: relative; top: 40%; padding-top:200px; bottom:45%; text-align: center; background-color: #ffffff !important; } #menuDock{ background:#EAEAEB url("/final/images/Light/dockmenushadow.png") right top repeat-y !important; border-right : 0px solid #D6D6D6 !important;} #menuDock-innerCt .x-btn { top:2px !important} #infrastructurehealthviewmenu-body{ border-width:0px;} #menuDock-innerCt .x-btn-default-toolbar-small.x-btn .x-btn-center .x-btn-inner, #menuDock-innerCt .x-btn-default-toolbar-small.x-btn em { background:none !important; padding:0px; margin:0px;} .zone-status-image { background-position: center center; } .zoneDashboardHeader{ padding:0px 0px 0px 4px; font-size:14px; font-weight:500; } .zoneDashboardWhiteBg .x-panel-body-default{ background:#ffffff; } div.outer12 div.HIGH_bg{ background-color:#cd0f0f; text-align:center; float:left; border:0px solid yellow; color:#fff; } div.outer12 div.INTERMEDIATE_bg{ background-color:#fa9d1c; text-align:center; float:left; border:0px solid yellow; color:#fff; } div.outer12 div.LOW_bg{ background-color:#ccc100; text-align:center; float:left; border:0px solid yellow; color:#fff; } .menu-button{ background:#e1e1e1; height: 68px; width: 100%; display: block; border-color:#b3b3b3 !important; border-style:solid !important; border-width:0px 1px 1px 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; -o-border-radius: 0px !important; -ms-border-radius: 0px !important; -khtml-border-radius: 0px !important; border-radius: 0px; } /* monitor dashboard Infrastructure Health menu middle alignment fix - jaiwin */ .menu-button a{ position:absolute; top:0px; right:0px; bottom:0px; left:0px; margin:auto auto; height:60px; } .menu-buttonFull{ display:table; align-items:center; justify-content: center; } /* monitor dashboard Infrastructure Health menu middle alignment fix - jaiwin */ .menu-title{ font-weight: 500; text-align: left; font-size: 13px; } .non-selected-menu{ background: #fbfbfb; background-image:none!important; border-color:#b3b3b3 !important; border-style:solid !important; border-width:0px 0px 1px 0px !important; height: 68px; /*width:252px !important;*/ } .hover-menu{ background:#ececec !important; border-color:#b3b3b3 !important; border-style:solid; border-width:0px 0px 1px 0px !important; /*width:252px !important;*/ } .hover-menu span { color: inherit; } .selected-menu{ background:#e1e1e1 url('/final/images/Light/healthViewMenuBg.png')repeat-x bottom left !important; border-color:#b3b3b3 !important; border-style:solid !important; border-width:0px 0px 1px 0px !important; /*width:252px !important;*/ } .selected-menu span { color: inherit; } /* monitor health view style end here */ /**********Added for Help page accordion by feroz*****************/ .helpAcc { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius:0px; border-bottom-right-radius:0px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; border-bottom-left-radius: 0px; box-shadow:none; border-width:1px; border-color:#cdcdcd !important; border-style:solid; } .helpAcc .x-panel-header, .x-nlg .helpAcc .x-panel-header-default-framed-top{ background: #fbfbfb; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow:none; border-width:1px 1px 1px 1px; border-color:#cdcdcd; } #left-win .x-panel-default-collapsed{ border-width:0px!important;box-shadow:none!important;} .helpAcc .x-panel-header .x-panel-header-text{ font-size:13px; font-weight:500; text-transform:uppercase; line-height:20px; } .helpAcc .x-tool img{ background-color: transparent; background-image: url("../images/Light/egIcons.png") !important; background-repeat: no-repeat; cursor: pointer; height: 20px; margin: 0; overflow: hidden; width: 20px; } .helpAcc .x-tool-collapse-top{background-position: -42px -20px !important;} .helpAcc .x-tool-expand-bottom{background-position: 0 -20px !important;} .sublinks a{ text-decoration:none;} .sublinks li a{ padding:3px 5px; background:#E3E3E3;display:block; border-color:#D9D9D9; border-width:0px 0px 1px 0px; border-style:solid} .sublinks li a:hover{background:#C8BCC8; } .helpAcc .x-accordion-hd .x-panel-header-text{ text-transform:none !important; font-size:14px;} .helpAcc .acc-subhead .x-panel-header{ background:#C6C9D2 !important;color:inherit} .helpAcc .acc-subhead .x-panel-header .x-panel-header-text{ text-transform:none !important; font-size:12px;color:inherit } /*error message link--------*/ a.errorLink:hover{text-decoration:underline} a.backgroundMsgLink{text-decoration:underline} a.backgroundMsgLink:hover{color:#777777} .accordionHead{ border:1px solid #3d3d3d !important; } .accordionHead .x-accordion-hd{ background: #1e1e1e; } .accordionHead1{ background: #cdcdcd; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow:none; border-top-width:0px !important; border-right-width:0px !important; border-bottom-width:1px !important; border-left-width:0px !important; border-color:#9b9b9b; /* height:27px; */ margin:0px; border-style:solid; font-size:13px; font-weight:normal !important; padding-left:7px !important; line-height:2em; } .accordionHead1 a{padding-left:18px; height:20px} .accordionHead2{ background: #fbfbfb; border-top:#fbfbfb 1px solid; border-bottom:#fbfbfb 1px solid; padding:4px 3px 3px 6px; font-size:12px; font-weight:normal; line-height:1.7em; } .accordionChild a{padding-left:22px; background: url("/final/images/Light/book-large.png") left 0px no-repeat; line-height:1.7em;} .accordionChild:hover, .accordionChild1:hover{ background:#c1ddf1 !important; border-top:#a6cbe4 1px solid !important; border-bottom:#a6cbe4 1px solid !important; } .accordionHead2:hover{ background:#c1ddf1 url("/final/images/Light/book-large.png") 6px 5px no-repeat !important; border-top:#a6cbe4 1px solid !important; border-bottom:#a6cbe4 1px solid !important; } .accordionChild{ background: #fbfbfb; border-top:#fbfbfb 1px solid; border-bottom:#fbfbfb 1px solid; padding:4px 3px 3px 6px; font-size:12px; line-height:1.7em; font-weight:normal; } .accordionChild1{ background: #fbfbfb; border-top:#fbfbfb 1px solid; border-bottom:#fbfbfb 1px solid; padding:4px 3px 0px 6px; font-size:12px; line-height:1.7em; font-weight:normal; } .accordionChild1 a{ padding-left:42px; background: url("/final/images/Light/book-small.png") 22px 0px no-repeat;line-height:1.7em;} .accordionChild a, .accordionChild1 a, .accordionHead1 a, .accordionHead2 a{ text-overflow:ellipsis; display:inline-block; width:267px; overflow: hidden; white-space: nowrap; } .helpAcc .x-panel-header, .helpAcc .x-panel-header-text, .helpAcc .x-panel-header-text-default{ font-size:12px !important; font-weight:500; color:inherit !important; } .helpToggleRightarrow{ background: url("/final/images/Light/right-arrow.png") left 4px no-repeat;} .helpToggleDownarrow{ background: url("/final/images/Light/down-arrow.png") left 4px no-repeat;} .accordionHead2{ background:#fbfbfb url("/final/images/Light/book-large.png") 6px 5px no-repeat;border:1px 0px 1px 0px solid #fbfbfb;} .accordionHead2:hover{ background:#c1ddf1 url("/final/images/Light/book-large.png") 6px 5px no-repeat;border:1px 0px 1px 0px solid #a6cbe4;} .accordionHead2 a.helpsubToggleRightarrow{ padding-left:32px; background:url("/final/images/Light/arrow-bullet-right.png") 20px 3px no-repeat; } .accordionHead2 a.helpsubToggleDownarrow{ padding-left:32px; background:url("/final/images/Light/arrow-bullet-down.png") 20px 3px no-repeat; } .helpwindow div.x-window-body-default{ background:#535353 !important;padding:2px 10px 10px 10px;} .helpwindow { border:1px solid #333333} .helpwindow div.x-window-header-default{margin:0px;padding:5px 10px 0px 10px !important;font-size:13px !important;} .helpwindow div.x-window-header-text, .helpwindow div.x-window-header-text-default{font-size:13px !important;} .helpAcc.x-panel-collapsed{ width:0px!important;border-width:0px;} .helpAcc .x-trigger-cell{ width:12px!important} .helpBody{ background-color:#ffffff; padding:0px; border-spacing:0px; } /*--Help page width fix--*/ /**********Added for Help page accordion by feroz********End*********/ /* My Dashboard Border-right Missing in Barchart addcomponents so added */ /*.borderright .egmultiselect, .borderright .egmultiselect div.x-panel, .borderright div.x-plain { border-right: 1px solid #abb2bd; } */ .imagecombo .x-form-trigger-wrap-focus .x-form-trigger, .x-form-trigger-wrap-focus .x-form-trigger{ border-color:#2692cb !important; } .imagecombo .x-form-trigger-wrap-focus input, .x-form-trigger-wrap-focus input.x-form-text, .x-form-trigger-wrap-focus input.x-form-text, .newConfigdropdown .x-form-focus .x-form-item-body input.x-form-text{ border-color:#2692cb !important; } .distribution-chart .block1 div.x-panel-header, .block1 div.x-panel-header-default { border-right:0px !important; border-left:0px !important; } .optionalListView{ background:#cdcdcd !important; padding:4px 9px 3px 10px; font-weight:normal; text-transform:uppercase; font-size:12px; border-bottom:#9b9b9b 1px solid; } /* Added for Current Alarms */ /* .buttonalarm.x-btn-default-small, .buttonalarm .x-btn-inner{ background: #f3f2f2 !important; } */ .x-window.lightbox { background: #535353 !important; } .lightbox .x-window-header-default, #currentalarmsmain .x-panel-header-default,.defineconfig .x-panel-header-default-framed,.alarmsbg .defineconfig,.defineconfig { background: #535353; border:0px; } #currentalarmsmain .x-panel-header-default { margin-left: 5px; } .lightbox .x-window-header-text-default, .history-window .x-window-header-text-default { color:#c6c6c6 !important; margin-left: 2px; } #currentalarmsmain_header { height:2px; } .lightbox .x-tool img, .history-window .x-tool img{ overflow: hidden; width: 15px; height: 15px; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background-image: url('../images/Light/msgWindowClose.png'); margin: 0px; background-position: 0 0; right: 4px !important; } #currentalarmsmain .x-panel-header-text-default { font-weight:500; font-size:14px; text-transform:uppercase; color:#fff !important; } .ligtboxgrid .x-grid-row-checker { /*margin-left: 0px !important; margin-top: -4px;*//*F*/ } .ligtboxgrid.x-grid-with-row-lines .x-grid-cell-inner { padding: 3px 7px 2px 10px !important;/*21-12-2021*/ } .x-btn-default-small{ -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -ms-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; } .buttonalarm{ border:1px solid #2f2f2f; padding:0px 10px 0px 10px; } .buttonalarm.x-btn-default-small { background: #f0f0f0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f0f0f0 0%, #f6f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#f6f4f4)); background: -webkit-linear-gradient(top, #f0f0f0 0%,#f6f4f4 100%); background: -o-linear-gradient(top, #f0f0f0 0%,#f6f4f4 100%); background: -ms-linear-gradient(top, #f0f0f0 0%,#f6f4f4 100%); background: linear-gradient(to bottom, #f0f0f0 0%,#f6f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f6f4f4',GradientType=0 ); padding:0px 0px 0px 0px; border:1px solid #2f2f2f; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -ms-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; margin:0px; } .buttonalarm.x-btn button:active { overflow:visible; padding:0px 0px 0px 0px;display:block;zoom: 1; margin-top:-1px\9; } .buttonalarm.x-btn-default-small.x-btn .x-btn-center .x-btn-inner { font-size: 12px; text-shadow:none !important; display:block; line-height:29px;/*F*/ /* background:#f3f2f2; */ } .buttonalarm.x-btn-default-small.x-btn .x-btn-center .x-btn-inner { height:28px; text-shadow:none !important; padding:0px 10px 0px 10px; } .buttonalarm.x-btn-default-small.x-btn em { display:block; float:left; background: #f3f2f2; } .buttonalarm.x-btn-default-small.over { background: #dfdfdf; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dfdfdf 0%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(100%,#f0f0f0)); background: -webkit-linear-gradient(top, #dfdfdf 0%,#f0f0f0 100%); background: -o-linear-gradient(top, #dfdfdf 0%,#f0f0f0 100%); background: -ms-linear-gradient(top, #dfdfdf 0%,#f0f0f0 100%); background: linear-gradient(to bottom, #dfdfdf 0%,#f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#f0f0f0',GradientType=0 ); border:1px solid #2f2f2f; } .buttonalarm.x-btn-default-small.over em { background: #dfdfdf; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dfdfdf 0%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(100%,#f0f0f0)); background: -webkit-linear-gradient(top, #dfdfdf 0%,#f0f0f0 100%); background: -o-linear-gradient(top, #dfdfdf 0%,#f0f0f0 100%); background: -ms-linear-gradient(top, #dfdfdf 0%,#f0f0f0 100%); background: linear-gradient(to bottom, #dfdfdf 0%,#f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#f0f0f0',GradientType=0 ); } .buttonalarm.x-btn-default-small-pressed, .buttonalarm.x-btn-default-small-pressed em, .buttonalarm.x-btn-default-small-pressed.x-btn .x-btn-center .x-btn-inner { background: #cacaca !important; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhY2FjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZDBkMGQwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNyUiIHN0b3AtY29sb3I9IiNkYmRiZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMSUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTFlMWUxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==) !important; background: -moz-linear-gradient(top, #cacaca 0%, #d0d0d0 4%, #dbdbdb 7%, #e1e1e1 11%, #e1e1e1 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacaca), color-stop(4%,#d0d0d0), color-stop(7%,#dbdbdb), color-stop(11%,#e1e1e1), color-stop(100%,#e1e1e1)) !important; background: -webkit-linear-gradient(top, #cacaca 0%,#d0d0d0 4%,#dbdbdb 7%,#e1e1e1 11%,#e1e1e1 100%) !important; background: -o-linear-gradient(top, #cacaca 0%,#d0d0d0 4%,#dbdbdb 7%,#e1e1e1 11%,#e1e1e1 100%) !important; background: -ms-linear-gradient(top, #cacaca 0%,#d0d0d0 4%,#dbdbdb 7%,#e1e1e1 11%,#e1e1e1 100%) !important; background: linear-gradient(to bottom, #cacaca 0%,#d0d0d0 4%,#dbdbdb 7%,#e1e1e1 11%,#e1e1e1 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#e1e1e1',GradientType=0 ) !important; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -ms-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; margin:0px; } .buttonalarm.x-btn-default-small.x-btn button { height:28px; line-height:28px; } .buttonalarm.x-btn-default-small.x-btn.over .x-btn-center .x-btn-inner { background: #dfdfdf; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dfdfdf 0%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(100%,#f0f0f0)); background: -webkit-linear-gradient(top, #dfdfdf 0%,#f0f0f0 100%); background: -o-linear-gradient(top, #dfdfdf 0%,#f0f0f0 100%); background: -ms-linear-gradient(top, #dfdfdf 0%,#f0f0f0 100%); background: linear-gradient(to bottom, #dfdfdf 0%,#f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#f0f0f0',GradientType=0 ); } .buttonalarm.x-btn-default-small.x-btn-default-small-icon button, .buttonalarm.x-btn-default-small.x-btn-default-small-icon a, .buttonalarm.x-btn-default-small.x-btn-default-small-icon .x-btn-inner, .buttonalarm.x-btn-default-small.x-btn-default-small .x-btn-default-small-noicon button, .buttonalarm.x-btn-default-small.x-btn-default-small-noicon a, .buttonalarm.x-btn-default-small.x-btn-default-small-noicon .x-btn-inner { height:28px; line-height:28px; } .ligtboxgrid .x-grid-empty { position:fixed; top:45%; left:45% } .alarmsbg .x-form-item-label { margin-right: 10px !important; } .sapmonitor { font-weight:500; font-size:11px; } /* hidden for new header - jaiwin .history-filters-panel .x-panel-header-text,.sapheader .x-panel-header-text { text-transform: uppercase; } */ .settingsfont { font-weight:500; font-size:13px; color:#f7f7f7; text-transform:uppercase; } .histryackfont { font-size: 13px; } .DDBgEven{ background-color: #ffffff !important; border-right-color: #b7b7b7; border-bottom-color: #b7b7b7; border-style: solid; border-width: 0px 0px 1px 0px; } .DDBgOdd{ background-color: #f4f4f4 !important; border-right-color: #b7b7b7; border-bottom-color: #b7b7b7; border-style: solid; border-width: 0px 0px 1px 0px; } .DDBginnerOdd:nth-child(even){ background: #f4f4f4 !important; border-color: #b7b7b7; border-style:solid; border-width: 0 0 1px 0px; } .DDBginnerOdd:nth-child(odd){ background: #ffffff !important; border-color: #b7b7b7; border-style:solid; border-width: 0 0 1px 0px; } .DDx-table table.x-grid-table{ width:100%;border-color: #D9D9D9;border-collapse:collapse;border-width: 1px 0px 1px 0px;} .DDx-table{ width:100%} .DDx-table thead .x-grid-row .x-grid-cell{ font-size: 11px !important; /*text-transform: uppercase !important;*/ text-shadow: none; color: inherit !important; background: #cdcdcd !important; font-weight: normal !important; border-top-color: #adadad !important; border-right-color: #adadad !important; border-bottom-color: #adadad !important; border-left-color: #cdcdcd !important; border-style: solid; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; } .DDx-table thead .x-grid-cell, .DDx-table thead .x-grid-cell-inner { font-size: 11px; line-height:15px; text-shadow:none; /*color:#ffffff !important;*/ padding:2px 2px 2px 2px !important; } .DDx-table tbody .x-grid-row{ border-color: #d3d3d3; /*background:#f7f7f7 !important;*/ border-width: 0 1px 1px 0px; } .DDx-table .x-grid-cell-inner { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .errormsgdd { font-size: 12px; } .DDx-table .x-grid-row{ color: null; font-size: 11px; line-height:15px; background-color: white; border-color: #ededed; border-style: solid; border-top-color: #fafafa; border-width: 0; } .borderDD .jspHorizontalBar { border-bottom:0px; } .DDx-table .DDBgEven:hover{ background: #e2eff8 !important; } .DDx-table .DDBgOdd:hover{ background: #e2eff8 !important; } .DDx-table tbody .x-grid-cell, .DDx-table tbody .x-grid-cell-inner { white-space: normal !important; font-size: 11px; line-height:15px; background: transparent; border: none; } .DDx-table .x-grid-cell-first { border-width: 0 1px 1px 0px !important; } .kbmarintop.x-panel-default-framed{ margin-top:0px !important; } .DDx-table thead .x-grid-row .x-grid-cell{ padding:4px 4px 4px 10px !important; } .DDBginnerOdd:hover{ background: #e2eff8 !important; } .borderDD { border:1px solid #e3e3e3 !important; } .borderDD div.x-panel-header, .borderDD div.x-panel-header-default { border-bottom:0px !important; background: #f6f6f6 !important; } td.darkthemefont_color{ background: #acacac; border:1px solid #acacac; } /* .gridack .x-grid-cell-inner, .gridack .x-grid-cell, #historyacksummary .x-panel.gridack,.gridack #customgrid-body,.gridack .jspContainer{ overflow: visible !important; } .gridack .x-grid-view { border: 1px solid #fff; z-index: 999999; left: -2px; } */ /*--grid Header overflow scroll --*/ .x-grid-header-ct.x-box-layout-ct { overflow:hidden !important } .gridHeadercenter .x-column-header-inner{ text-align:center } .transactions-toolbar-buttons{ font-size:12px; } .x-panel-body.segmentsBg { background:#e9e9e9 !important } .x-panel-body.segmentsBgalt { background:#f6f6f6 !important } .ServiceGroup_top .x-grid-row:nth-child(even) { background-color: #f4f4f4 !important; } .ServiceGroup_top .x-grid-row:nth-child(odd) { background-color: #ffffff !important; } .ServiceGroup_top .x-grid-cell-treecolumn.x-grid-cell,.ServiceGroup_top .x-grid-row .x-grid-cell { background:transparent !important; } .ServiceGroup_top .x-grid-table { border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; } .servicelist-component:nth-last-child(1){ border-left-width:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:1px; border-color:#e2e2e2; border-style:solid; } .servicelist-component table td:first-child{ width:200px; border-left-width:0px; border-top-width:0px; border-right-width:1px; border-bottom-width:0px; border-color:#e2e2e2; border-style:solid; vertical-align:middle; } .servicelist-component table td:first-child .x-panel-body{ background:none !important; font-size:14px !important; font-weight:500; width:200px; } .servicelist-component table td:last-child{ padding-bottom:0px; border-left-width:0px; border-top-width:0px; border-right-width:1px; border-bottom-width:0px; border-color:#e2e2e2; border-style:solid; vertical-align:top; } .servicelist-component table td:last-child .x-panel-body{ background:none !important; font-size:14px !important; font-weight:500; width:200px; } .x-panel.servicelist-component { border-bottom:1px solid #d3d3d3; } .servicelist-component .x-panel-body.serviegroup_alt{ background:#ffffff; } .servicegroupalt:nth-last-child(1){ border-left-width:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:1px; border-color:#e2e2e2; border-style:solid; } .servicegroupalt table td:first-child{ width:200px; border-left-width:0px; border-top-width:0px; border-right-width:1px; border-bottom-width:0px; border-color:#e2e2e2; border-style:solid; } .servicegroupalt table td:first-child .x-panel-body{ background:none !important; font-size:14px !important; font-weight:500; width:200px; } .servicegroupalt table td:last-child{ padding-bottom:0px; border-left-width:0px; border-top-width:0px; border-right-width:1px; border-bottom-width:0px; border-color:#e2e2e2; border-style:solid; vertical-align:top; } .servicegroupalt table td:last-child .x-panel-body{ background:none !important; font-size:14px !important; font-weight:500; width:200px; } .x-panel.servicegroupalt { border-bottom:1px solid #d3d3d3; } .servicegroupalt .x-panel-body.serviegroup_alt{ background:#f6f6f6 !important; } .tablayout .x-tab-bar .tablayout .x-tab-bar{ border-width:0px !important; } .progressclose { overflow: hidden; width: 15px; height: 15px; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background-image: url('../images/Light/msgWindowClose.png'); margin: 0; background-position: 0 0; right: 4px!important; } .rcontrol-load { font-size: 12px; } .rcontrol-left { font-size: 13px; } .remoteloaderbg { background: #535353 !important; border: 1px solid #333333; } .history-window .x-window-header-default { background:transparent; } .history-details-grid.gridSkin .x-column-header-inner { text-overflow: ellipsis; overflow: hidden; } .history-details-grid.gridSkin div.x-panel-header span.x-panel-header-text { font-weight:500; } .font_12 label{ font-size:12px;} .font_12 .x-form-item-body .x-form-display-field { font-size:12px !important;} .block1.borderDD span.x-panel-header-text,.diagnosis-upper-panel .datapanel span.x-panel-header-text { font-weight:500; font-size: 11px; } .datapanel.measuretb div.x-panel-header { border-bottom:0px !important; } /*------------fieldset---------------*/ .x-fieldset{ border:#e3e3e3 1px solid; background:#fbfbfb; /* jaiwin- removeShadow17 font Change -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); */ } /*V*//*.measurtop .x-toolbar-item{ top:2px !important }*/ .msrmulti .x-fit-item { margin-top:5px; } .mesrslider .x-slider-horz { margin-top:3px; } .measurbutton.x-btn-default-small.x-btn button { height: 24px; line-height: 24px; } .buttonalarm.measurbutton.x-btn-default-small.x-btn .x-btn-center .x-btn-inner { height: 25px; line-height: 25px !important; text-shadow: none !important; padding: 0px 5px 0px 5px; } .virtualCloudText { font-size:11px !important; font-weight:500; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin:5px auto 0px auto; width:180px; text-align:center; } .virtualCloudTextforVm { font-size:11px !important; font-weight:500; white-space: normal; margin:5px auto 0px auto; width:auto !important; text-align:center; display:block; } .containerOnlyShadow { background:#ffffff; /*border-color:#d1d1d1; border-width:1px 1px 1px 1px; border-style:solid;*/ border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; -khtml-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; -webkit-border-radius:0px 0px 0px 0px; overflow:visible; border:1px solid #cfcfcf !important; -webkit-box-shadow: 0.5px 0.866px 0.355px 0px rgb( 176, 177, 177); -moz-box-shadow: 0.5px 0.866px 0.355px 0px rgb( 176, 177, 177); box-shadow: 0.5px 0.866px 0px 0.355px rgb( 176, 177, 177); } .containerOnlyShadow div.x-panel-header, .containerOnlyShadow .x-panel-header-default-framed-top, .containerOnlyShadow.x-panel-header, .x-nlg .containerOnlyShadow .x-panel-header-default-framed-top{ background:none !important; border:none !important; font-weight:500; font-size:14px } .containerOnlyShadow .x-panel-header-text{ font-weight:500; font-size:14px } .containerShadow { background:#ffffff; /*border-color:#d1d1d1; border-width:1px 1px 1px 1px; border-style:solid;*/ border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; -khtml-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; -webkit-border-radius:0px 0px 0px 0px; overflow:visible; border:1px solid #dedede; /*f*//*-webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35);*/ } .containerShadow div.x-panel-body{ background:#ffffff !important; border-color:#dedede;/*f*/ border-width:1px 0px 0px 0px; border-style:solid; } .containerShadow div.x-panel-header, .containerShadow .x-panel-header-default-framed-top, .containerShadow.x-panel-header, .x-nlg .containerShadow .x-panel-header-default-framed-top{ margin:0px !important; border-color:#d1d1d1 #d1d1d1 #d1d1d1 #d1d1d1; border-width:0px 1px 0px 1px !important; border-style:solid; background:#f6f6f6 !important; } .containerShadow .x-panel-header-text, .containerShadow div.x-panel-header span.x-panel-header-text { font-size: 12px !important; /* font-weight: normal !important; */ font-weight:500; } /* Jaiwin .x-ie .containerShadow .x-panel-header-text, .x-ie .containerShadow div.x-panel-header span.x-panel-header-text { font-size: 12px !important; /* font-weight: normal !important; */ /* font-weight:500; } */ .containerShadow .samplelayouthead.x-panel-header-default { border-top:0px !important; border-right:0px !important; border-bottom:1px solid #cdcdcd !important; border-left:0px !important; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } /***************** QuickMenu White button Start Here**********************/ .quickMenuWhiteButton{ border:1px solid #2f2f2f; padding:0px 0px 0px 0px; } .quickMenuWhiteButton.x-btn-default-small { background: #f0f0f0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f0f0f0 0%, #f6f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#f6f4f4)); background: -webkit-linear-gradient(top, #f0f0f0 0%,#f6f4f4 100%); background: -o-linear-gradient(top, #f0f0f0 0%,#f6f4f4 100%); background: -ms-linear-gradient(top, #f0f0f0 0%,#f6f4f4 100%); background: linear-gradient(to bottom, #f0f0f0 0%,#f6f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f6f4f4',GradientType=0 ); padding:0px 0px 0px 0px; border:1px solid #2f2f2f; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -ms-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; margin:0px; } .quickMenuWhiteButton.x-btn button:active { overflow:visible; padding:0px 0px 0px 0px;display:block;zoom: 1; margin-top:-1px\9; } .quickMenuWhiteButton.x-btn-default-small.x-btn .x-btn-center .x-btn-inner { font-size: 12px; text-shadow:none !important; display:block; /* background:#f3f2f2; */ } .quickMenuWhiteButton.x-btn-default-small.x-btn .x-btn-center .x-btn-inner { height:22px; line-height:24px !important; text-shadow:none !important; padding:0px 3px 0px 3px; } .quickMenuWhiteButton.x-btn-default-small.x-btn em { display:block; float:left; background: #f3f2f2; } .quickMenuWhiteButton.x-btn-default-small.over { background: #dfdfdf; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dfdfdf 0%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(100%,#f0f0f0)); background: -webkit-linear-gradient(top, #dfdfdf 0%,#f0f0f0 100%); background: -o-linear-gradient(top, #dfdfdf 0%,#f0f0f0 100%); background: -ms-linear-gradient(top, #dfdfdf 0%,#f0f0f0 100%); background: linear-gradient(to bottom, #dfdfdf 0%,#f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#f0f0f0',GradientType=0 ); border:1px solid #2f2f2f; } .quickMenuWhiteButton.x-btn-default-small.over em { background: #dfdfdf; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dfdfdf 0%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(100%,#f0f0f0)); background: -webkit-linear-gradient(top, #dfdfdf 0%,#f0f0f0 100%); background: -o-linear-gradient(top, #dfdfdf 0%,#f0f0f0 100%); background: -ms-linear-gradient(top, #dfdfdf 0%,#f0f0f0 100%); background: linear-gradient(to bottom, #dfdfdf 0%,#f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#f0f0f0',GradientType=0 ); } .quickMenuWhiteButton.x-btn-default-small-pressed, .quickMenuWhiteButton.x-btn-default-small-pressed em, .quickMenuWhiteButton.x-btn-default-small-pressed.x-btn .x-btn-center .x-btn-inner { background: #cacaca !important; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhY2FjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZDBkMGQwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNyUiIHN0b3AtY29sb3I9IiNkYmRiZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMSUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTFlMWUxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==) !important; background: -moz-linear-gradient(top, #cacaca 0%, #d0d0d0 4%, #dbdbdb 7%, #e1e1e1 11%, #e1e1e1 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacaca), color-stop(4%,#d0d0d0), color-stop(7%,#dbdbdb), color-stop(11%,#e1e1e1), color-stop(100%,#e1e1e1)) !important; background: -webkit-linear-gradient(top, #cacaca 0%,#d0d0d0 4%,#dbdbdb 7%,#e1e1e1 11%,#e1e1e1 100%) !important; background: -o-linear-gradient(top, #cacaca 0%,#d0d0d0 4%,#dbdbdb 7%,#e1e1e1 11%,#e1e1e1 100%) !important; background: -ms-linear-gradient(top, #cacaca 0%,#d0d0d0 4%,#dbdbdb 7%,#e1e1e1 11%,#e1e1e1 100%) !important; background: linear-gradient(to bottom, #cacaca 0%,#d0d0d0 4%,#dbdbdb 7%,#e1e1e1 11%,#e1e1e1 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#e1e1e1',GradientType=0 ) !important; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -ms-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; margin:0px; } .quickMenuWhiteButton.x-btn-default-small.x-btn button { height:22px !important;/*V*/ line-height:22px; } .quickMenuWhiteButton.x-btn-default-small.x-btn.over .x-btn-center .x-btn-inner { background: #dfdfdf; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dfdfdf 0%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(100%,#f0f0f0)); background: -webkit-linear-gradient(top, #dfdfdf 0%,#f0f0f0 100%); background: -o-linear-gradient(top, #dfdfdf 0%,#f0f0f0 100%); background: -ms-linear-gradient(top, #dfdfdf 0%,#f0f0f0 100%); background: linear-gradient(to bottom, #dfdfdf 0%,#f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#f0f0f0',GradientType=0 ); } .quickMenuWhiteButton.x-btn-default-small.x-btn-default-small-icon button, .quickMenuWhiteButton.x-btn-default-small.x-btn-default-small-icon a, .quickMenuWhiteButton.x-btn-default-small.x-btn-default-small-icon .x-btn-inner, .quickMenuWhiteButton.x-btn-default-small.x-btn-default-small .x-btn-default-small-noicon button, .quickMenuWhiteButton.x-btn-default-small.x-btn-default-small-noicon a, .quickMenuWhiteButton.x-btn-default-small.x-btn-default-small-noicon .x-btn-inner { height:22px; line-height:22px; } .quickMenuTextButton.x-btn-default-small.x-btn.over .x-btn-center .x-btn-inner, .quickMenuTextButton.x-btn-default-small.x-btn .x-btn-center .x-btn-inner{ background:transparent !important; color:#ffffff !important; border:0px; margin:2px 0px 0px 0px; text-decoration:underline; } /***************** QuickMenu White button EndHere**********************/ .mesuregraph table.x-grid-table tr:nth-child(even) {background: #f4f4f4 !important} .mesuregraph table.x-grid-table tr:nth-child(odd) {background: #ffffff !important} .mesuregraph .x-grid-table tbody .x-grid-row .x-grid-cell { background: transparent !important; } .kbHeaderborder { border-top: 0px !important; border-bottom: 0px !important; border: 1px solid #d2d2d2; } .selcetiondetail-bold { font-weight:500; font-size:12px; } .x-panel-header.networkheader { background: #dbdbdb !important; border-color: #b2b2b2 !important; } .networkheader span.x-panel-header-text { font-weight:500; font-size:12px; text-transform: none; } .networkborder { border-top: 1px solid #e3e3e3 !important; } .netselection { padding:10 20 10 20 !important; } .defineconfig .x-panel-header-text-default { color:#f7f7f7; font-weight:500; font-size:13px; text-transform: uppercase; padding-left: 10px; } .defineconfig .x-panel-header-text-container { padding-top: 3px; } .x-form-itemselector-body .x-form-item { margin: 0; } .x-form-itemselector-top { background: url(../images/Light/top2.png) -2px 0px no-repeat; } .x-form-itemselector-up { background: url(../images/Light/up2.png) -2px 0px no-repeat; } .x-form-itemselector-add { background: url(../images/Light/right2.png) -2px 0px no-repeat; } .x-form-itemselector-remove { background: url(../images/Light/left2.png) -2px 0px no-repeat; } .x-form-itemselector-down { background: url(../images/Light/down2.png) -2px 0px no-repeat; } .x-form-itemselector-bottom { background: url(../images/Light/bottom2.png) -2px 0px no-repeat; } .x-window.x-window-default .x-form-itemselector-top { background: url(../images/Light/top2.png) 1px 1px no-repeat; } .x-window.x-window-default .x-form-itemselector-up { background: url(../images/Light/up2.png) 1px 1px no-repeat; } /* font Change .x-window.x-window-default .x-form-itemselector-add { background: url(../images/Light/right2.png) 1px 1px no-repeat; } .x-window.x-window-default .x-form-itemselector-remove { background: url(../images/Light/left2.png) 1px 1px no-repeat; } */ .x-window.x-window-default .x-form-itemselector-down { background: url(../images/Light/down2.png) 1px 1px no-repeat; } .x-window.x-window-default .x-form-itemselector-bottom { background: url(../images/Light/bottom2.png) 1px 1px no-repeat; } .x-btn.x-form-itemselector-btn.x-btn-default-small.x-btn{ border:1px solid #aab2bd !important; background:#ffffff !important; } .x-btn.x-form-itemselector-btn.x-btn-default-small.x-btn.over { border:1px solid #3bafda !important; background:#3bafda !important; } .x-btn.x-form-itemselector-btn.x-btn-default-small.x-btn.x-pressed{ border:1px solid #3bafda !important; background:#3bafda !important; } .x-btn.x-form-itemselector-btn.x-btn-default-small.x-btn.over .x-form-itemselector-top { background: url(../images/Light/top2_hover.png) -2px 0px no-repeat; } .x-btn.x-form-itemselector-btn.x-btn-default-small.x-btn.over .x-form-itemselector-up { background: url(../images/Light/up2_hover.png) -2px 0px no-repeat; } .x-btn.x-form-itemselector-btn.x-btn-default-small.x-btn.over .x-form-itemselector-add { background: url(../images/Light/right2_hover.png) -2px 0px no-repeat; } .x-btn.x-form-itemselector-btn.x-btn-default-small.x-btn.over .x-form-itemselector-remove { background: url(../images/Light/left2_hover.png) -2px 0px no-repeat; } .x-btn.x-form-itemselector-btn.x-btn-default-small.x-btn.over .x-form-itemselector-down { background: url(../images/Light/down2_hover.png) -2px 0px no-repeat; } .x-btn.x-form-itemselector-btn.x-btn-default-small.x-btn.over .x-form-itemselector-bottom { background: url(../images/Light/bottom2_hover.png) -2px 0px no-repeat; } .x-window.x-window-default .x-btn.x-form-itemselector-btn.x-btn-default-small.x-btn.over .x-form-itemselector-top { background: url(../images/Light/top2_hover.png) 1px 1px no-repeat; } .x-window.x-window-default .x-btn.x-form-itemselector-btn.x-btn-default-small.x-btn.over .x-form-itemselector-up { background: url(../images/Light/up2_hover.png) 1px 1px no-repeat; } /* font Change .x-window.x-window-default .x-btn.x-form-itemselector-btn.x-btn-default-small.x-btn.over .x-form-itemselector-add { background: url(../images/Light/right2_hover.png) 1px 1px no-repeat; } .x-window.x-window-default .x-btn.x-form-itemselector-btn.x-btn-default-small.x-btn.over .x-form-itemselector-remove { background: url(../images/Light/left2_hover.png) 1px 1px no-repeat; } */ .x-window.x-window-default .x-btn.x-form-itemselector-btn.x-btn-default-small.x-btn.over .x-form-itemselector-down { background: url(../images/Light/down2_hover.png) 1px 1px no-repeat; } .x-window.x-window-default .x-btn.x-form-itemselector-btn.x-btn-default-small.x-btn.over .x-form-itemselector-bottom { background: url(../images/Light/bottom2_hover.png) 1px 1px no-repeat; } /*-----------vijay 29-4-2014--------------------*/ .innerBodyBg, .innerBodyBg .x-panel .x-grid-body{background:#fff!important } .outerpanel1{background: #383838 !important;} .outerpanel1 .x-panel-body { border:0px solid red; /*background:#3a3a3a*/ } .outerpanel1 .x-panel-body{ border:0px; margin:0px; z-index:99; } .outerpanel1.x-panel-default-framed{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border:0px solid #d2d2d2 !important; padding:0px; -webkit-box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 1); box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 1); /*-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);*/ } .outerpanel1 .x-panel-header, .x-nlg .outerpanel .x-panel-header-default-framed-top{ background: #3a3a3a; box-shadow:none; border-width:0px 0px 0px 0px; border-color:#e2e2e2; top:0px !important; margin:0px; padding:2px 5px 2px 5px; } .outerpanel1 .x-panel-header-text-container{ padding:0px 5px 0px 7px; } .outerpanel1 .x-panel-header-text{ font-size:14px; color:#fff; text-transform:capitalize; line-height:20px; } .outerpanel1 .x-btn-default-small, .outerpanel .x-btn-default-toolbar-small, .outerpanel .x-btn-default-toolbar-small-icon{ padding:1px 2px 1px 2px !important; } .datapanel1{margin-bottom:15px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -ms-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; /*box-shadow: 2px 2px 3px #666666; -webkit-box-shadow: 2px 2px 3px #666666; -moz-box-shadow: 2px 2px 3px #666666; border:1px solid #cdcdcd;*/ } .datapanel1 div.x-panel-body{ background:#ffffff !important; /*border:1px solid #cdcdcd;*/ /*border-width:0px 1px 1px 1px; border-style:solid; border-color:#cdcdcd; padding:0px; margin:0px;*/ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .datapanel1 div.x-panel-body { background:#fff/*border:1px solid #cdcdcd !important;*/ } .datapanel1 .x-panel-default-framed{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border-color:#cdcdcd; } .datapanel1 .x-panel-body { border-width:0px !important;} .datapanel1 div.x-panel-header{ background: #fff; border-width:0px 0px 0px 0px !important; border-color:#c3c3c3; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow:none; /* border:1px solid #cdcdcd !important; */ font-size:13px; font-weight:500; color:#000; background-color:#fff; background-image:url('/final/images/Light/docked-line.png')!important; background-repeat:no-repeat !important; background-position:center top !important; } .datapanel1 .x-panel-header-text-container{ padding:0px 5px 0px 5px; } .datapanel1 span.x-panel-header-text{ font-size:13px; font-weight:500; color:#000; text-transform:none; } /* dataPanel widget styles end here */ .emdDocked { background-color:#fff !important; background-image:url('/final/images/Light/docked-line.png')!important; background-repeat:no-repeat !important; background-position:center top !important; top:3px } .emdOuterDocked { background-color:#f6f6f6 !important; border-bottom:1px solid #b2b2b2; background-repeat:no-repeat !important; background-position:center top !important; } .emdDatapanelHeader { font-size:13px; font-weight:500; text-transform:capitalize } .emdDividerLine { border-bottom:1px solid #d3d3d3 } /* emd top panel------*/ .emdTopPanel{ font-size: 13px; padding:10px } .emd-block-text{ /*--add by vijay--*/ font-size: 11px; color:#2c2c2c; padding:0px; font-weight:normal } .emd-block-head{ /*--add by vijay--*/ font-size: 10px !important; position:relative; text-align:left; font-weight:500; } .emdPanelWithoutHeader{ background:#ffffff !important; /*border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 0px 0px 10px 2px #C0C0C0; box-shadow: 0px 0px 10px 2px #C0C0C0; box-shadow: 0px 0px 0px 0px #C0C0C0; box-shadow: 2px 2px 3px #666666; -webkit-box-shadow: 2px 2px 3px #666666; -moz-box-shadow: 2px 2px 3px #666666; */ border:#bdbdbd 0px solid !important; padding:5px; } .emdPanelWithoutHeader .x-panel-body{ background:#ffffff !important; /*border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 0px 0px 10px 2px #C0C0C0; box-shadow: 0px 0px 10px 2px #C0C0C0; box-shadow: 0px 0px 0px 0px #C0C0C0; box-shadow: 2px 2px 3px #666666; -webkit-box-shadow: 2px 2px 3px #666666; -moz-box-shadow: 2px 2px 3px #666666; */ border:#bdbdbd 1px solid !important; padding:5px; margin:10px; } .emdPanelWithoutHeader a{ font-weight:normal !important} /*.emd-block-text{color:#2c2c2c;font-weight:normal;font-size:18px}*/ div.HIGH_bg, div.INTERMEDIATE_bg, div.LOW_bg, div.GOOD_bg, div.UNKNOWN_bg{ color:#fff } div.HIGH_bg{ background: #cd0f0f !important; text-align:center; float:left; } div.INTERMEDIATE_bg{ background:#fa9d1c !important; text-align:center; float:left; } div.LOW_bg{ background: #ccc100 !important; text-align:center; float:left; } div.GOOD_bg{ background: #0c9a12 !important; text-align:center; float:left; } div.UNKNOWN_bg{ background:#30a1d9 !important; text-align:center; float:left; } /*-----Cluster AMH Running and Not running--------------*/ .ClusterAmhRunning_bg, .ClusterAmhNotRunning_bg{ color:#fff } .ClusterAmhRunning_bg{ background: #5cc279 !important; text-align:center; float:left; } .ClusterAmhNotRunning_bg{ background:#f64a48 !important; text-align:center; float:left; } .iconClusterAmhRunning, .iconClusterAmhNotRunning{ background-image:url('/final/images/Light/cluster_running_notrunning.png')!important; background-repeat:no-repeat !important; background-position:center top !important; } .iconClusterAmhRunning{ background-position : 0px 0px !important; width:15px; height:15px; } .iconClusterAmhNotRunning{ background-position : -15px 0px !important; width:15px; height:15px; } #physicalNodeGrid.x-panel-newGridPanel.x-grid-with-row-lines .x-grid-cell-inner, #logicalNodeGrid.x-panel-newGridPanel.x-grid-with-row-lines .x-grid-cell-inner{ padding:5px 10px 5px 10px } /*-----Cluster AMH Running and Not running--------------*/ /*-----------------grid skin for emd dashboard-----------------*/ .gridSkin1{ background:#fff } .gridSkin1 div.x-panel-header { background: #fff !important; border-width:0px 0px 0px 0px; border:none; box-shadow:none; background-color:#fff !important; background-image:url('/final/images/docked-line.png')!important; background-repeat:no-repeat; background-position:center top; } .gridSkin1.x-panel-default-framed, .datapanel1.x-panel-default-framed { border-style:none; background:#fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .gridSkin1 .x-grid-table{ } .gridSkin1 div.x-panel-header span.x-panel-header-text{ font-size:13px; /* text-shadow: 1px 0 0 #ffffff; */ font-weight:500; } .gridSkin1 div.x-column-header{ font-size:12px; text-transform:capitalize; text-shadow:none; color:#000; background:#cdcdcd; font-weight:normal; border-top-color:#adadad !important; border-right-color:#aeaeae !important; border-bottom-color:#adadad !important; border-left-color:#d4d4d4 !important; border-style:solid; border-top-width:0px !important; border-right-width:1px !important; border-bottom-width:1px !important; border-left-width:1px !important; } .gridSkin1 div.x-column-header:last-child{ border-top-width:0px !important; border-right-width:0px !important; border-bottom-width:1px !important; border-left-width:0px !important; } .gridSkin1 .x-grid-cell, .gridSkin1 .x-grid-rowwrap-div{ background-color: #ffffff !important; border-right-color:#dfdfdf; border-bottom-color:#d3d3d3; border-style: solid; border-width:0px 1px 1px 0px; } .gridSkin1 .x-column-header-inner{border-top:1px solid #adadad !important;} .gridSkin1 .x-grid-row-selected .x-grid-cell, .gridSkin1 .x-grid-row-selected .x-grid-rowwrap-div { background-color: #c1ddf1 !important; border-right-color:#dfdfdf; border-bottom-color:#d3d3d3; border-style: solid; color:#393939; /*border-width:1px 1px 1px 0px;*/ } .gridSkin1 .x-grid-row .x-grid-cell{ font-size:12px; } .gridSkin1 .x-grid-cell-last { border-right:0px solid green } .gridSkin1 .x-grid-row-alt .x-grid-cell, .gridSkin1 .x-grid-row-alt .x-grid-rowwrap-div, .gridSkin1 .x-grid-row-alt .x-grid-cell-special { background-color: #f4f4f4 !important; } .gridSkin1 .x-grid-row .x-grid-row-alt .x-grid-row-selected, .gridSkin1 .x-grid-row-alt .x-grid-row-selected .x-grid-cell-special{ background-color: #c1ddf1 !important; } .gridSkin1 .x-grid-cell-inner {line-height:18px !important} .gridSkin1 .x-grid-row-selected .x-grid-cell-special{ background-image: none !important; } .gridSkin1 .x-grid-row:hover, .gridSkin1 .x-grid-row-over .x-grid-cell, .gridSkin1 .x-grid-row-over .x-grid-rowwrap-div {background-color:#e2eff8 !important;color:#000 !important;font-weight:normal !important} .gridSkin1 .x-column-header-over, .gridSkin1 .x-column-header-sort-ASC, .gridSkin1 .x-column-header-sort-DESC { background:#cdcdcd !important; } .gridSkin1 .x-column-header-inner{ line-height:18px !important; } .gridSkin1 .x-grid-cell-inner, .gridSkin1 .x-grid-cell-inner a { } .gridSkin1 .x-grid-row-checker, .gridSkin1 .x-column-header-checkbox .x-column-header-text{ background-image: url("../images/Light/checkbox_new.png"); background-position:0px -1px; height:20px; width:16px; } .gridSkin1 .x-grid-cell-inner .x-grid-row-checker { background-image: url("../images/Light/checkbox_new.png"); background-position:0px -2px; height:15px; width:16px; } .gridSkin1 .x-grid-hd-checker-on .x-column-header-text, .gridSkin1 .x-grid-row-selected .x-grid-row-checker, .gridSkin1 .x-grid-row-checked .x-grid-row-checker { background-position:-19px -21px !important; } .gridSkin1 .x-column-header-trigger { background-color:#BBBBBB; background-image:url('../images/Light/grid3-hd-btn_new.gif'); } .x-action-col-icon { cursor:pointer} /* .x-panel .x-grid-body{ border-width:0px !important;} */ .gridSkin1 .x-grid-group-hd .x-grid-cell-inner{ background:#D5D5D5;padding:2px 0px 2px 10px;border-width:0px;} .gridSkin1 .x-grid-group-title{ color:#393939; font-size:12px} .gridSkin1 .x-action-col-cell div{ text-align:center !important;} .gridSkin1 .x-action-col-cell div img{margin-top:3px} .gridSkin1 .x-column-header-sort-DESC .x-column-header-text{ background:url('../images/Light/grid_sort_down.png') right 2px no-repeat; } .gridSkin1 .x-column-header-sort-ASC .x-column-header-text{ background:url('../images/Light/grid_sort_top.png') right 2px no-repeat; } .gridSkin1 .x-grid-header-ct{ border-width:0px !important; background:#cdcdcd;} .x-grid-row .x-grid-cell{ font-size:12px; } .gridSkin1 .x-panel-default-framed .x-grid-tree-node-expanded .x-tree-icon-parent { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; padding: 4px 4px 4px 4px; border-width: 1px; border-style: solid; background-color: #dfe9f6; } .measureToolbar { color: #000; background: #eaeaea; padding-left: 10px; border-bottom: 1px solid #b7b7b7; } .button20.x-toolbar-item.x-btn-default-toolbar-small { border-radius:0px; padding:0px; } .zonereporthead, .fusinchartextUpper .x-panel-header-text{ text-transform:uppercase !important; } .zonegrid .x-box-inner .x-group-sub-header,.zonegrid .x-box-inner .x-group-sub-header:last-child { border-top: 1px solid #adadad !important; border-bottom: 0px; } .zonegrid .x-box-inner .x-group-sub-header { background:#f3f3f3 !important; text-align: center; padding-top: 0px; font-size: 10px; } .zonegrid .x-grid-header-ct { border-top: 1px solid #adadad !important; } .zonegrid .x-column-header-first { text-align: left; padding-top: 15px; } .zonegrid div.x-panel-header { background: #f6f6f6; } .zonegrid .x-grid-table { border-bottom:1px solid #dfdfdf; } .selectionDetailsBg { background:#fbfbfb !important; } .horizontal-scroll div.x-panel-header span.x-panel-header-text { font-weight:500; } .serverreporthead {border-bottom:0px} .healthborderzero,.healthborderzero td { border-left: 0px; border-right: 0px; } .complainelog .complaineloghead{border-bottom:1px solid #adadad !important} .x-table .complaincetable{border-top: 0px !important} .compliancextable tr:last-child td{border-bottom: 0px !important} #shvId-body .x-grid-header-ct-default{ border-width:1px 1px 0px 1px !important; border-color:#cdcdcd;/*V*/ border-style:solid; } #shvId-body .x-grid-header-ct-default{ border-width:1px 1px 0px 1px !important; border-color:#cdcdcd;/*V*/ border-style:solid; } #shvId-body #summaryHealthGrid-body{ border-width:1px 1px 0px 1px !important; border-color:#cdcdcd;/*V*/ border-style:solid; } .shadow_panel{ background:#ffffff; /*border-color:#f6f6f6; border-width:1px 1px 1px 1px; border-style:solid;*/ border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; -khtml-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; -webkit-border-radius:0px 0px 0px 0px; overflow:visible; border:1px solid #dedede; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } .shadow_panel .x-panel-header{ background:#fbfbfb !important; border-bottom:#d1d1d1 1px solid !important; } .qickinsightable .x-grid-table,.qickinsightable .x-grid-header-ct.x-box-layout-ct{ border-top: 0px !important; } .qinsightshared div.x-panel-header span.x-panel-header-text { font-weight:500; } #icondisplay { margin-top:2px !important } .qinsightlable .x-form-item-label { font-weight:500; text-transform: capitalize; margin-top: 2px; } .qinsightierpanel{ background: #f6f6f6 !important; } .qinsightinnerpan{ background: #f1f1f1 !important; } .qinsigtviewcombo .x-form-item-body input.x-form-text,.qinsigtviewcombo .x-form-trigger{ margin-left:5px !important } .qickinsightable .x-column-header-inner { padding: 6px 10px 0px !important; } /*demand and quality table*/ .sessionAnalysisInnerHeader { font-size:12px; font-weight:500; padding:4px; background-color:#cdcdcd; border-bottom:1px solid #d6d6d6; } /* This is looking as double border - Reporter Item selector with search Component --- J. .multiselectcontainer .x-form-fieldcontainer { border-bottom: 1px solid #cdcdcd !important; } */ .healthtd.tdBorderHtml{ border-right: 0px !important; border-left: 0px !important; } .healthtable tbody tr:last-child td{ border-bottom:0px !important } .backgrdgridspace .x-box-inner .x-group-sub-header, .backgrdgridspace .x-box-inner .x-group-sub-header:last-child { border-top: 0px !important; border-right: 0px !important; border-bottom: 0px; } .backgrdgridspace .x-box-inner .x-group-sub-header { background:transparent !important; } .favapp .x-column-header-inner { padding: 6px 10px 3px !important; } /*--------RUM Styles------------*/ a.rumLink:hover{ text-decoration:underline !important; } a.rumLink:active,a.rumLink:link,a.rumLink:visited{ text-decoration:none; } .rumPanel{ background:#ffffff } .rumValues { font-size:20px; font-weight:500; color:#000; display:block; text-align:center; width:100% } .rumSubheadText { font-size:11px; font-weight:400; color:#000; } .rumSubheadSublevel, .rumSubheadSublevel.x-form-item-label { font-size:11px; font-weight:normal !important; color:#000; } .rumSublevelBorder { border-top:1px solid #e7e7e7; font-weight:normal !important; } .rumSubheadSubTextBold { font-size:12px; font-weight:500; } .rumInnerBox { border-left:1px solid #e7e7e7; /*border-right:1px solid #e7e7e7;*/ } .rumLegendTextBold { font-size:13px; font-weight:500; color:#9e9e9e; } .rumPopupText { font-size:15px; color:#bebebe; font-weight:500; } .rumPopupSubText { font-size:11px; /*color:#cbcbcb;*/ color:#9e9e9e !important; font-weight:normal; } .rumPopupSubValue { font-size:14px; color:#707070; font-weight:500; } /*---BTM css----------*/ .btmMainpanel .x-collapsed.x-panel-collapsed.x-panel-default-collapsed{ width:0px !important; } .btmMainpanel .x-splitter-vertical{ z-index:99; } .btmMainpanel .x-splitter .x-collapse-el{ margin-left:-3px !important; } .btmMainpanel .x-splitter-collapsed .x-layout-split-left{ margin-left:0px !important; } .btmGridTop{ border-top:1px solid #afafaf !important } .btmGridOuter{ border : 1px solid #e3e3e3 !important } div.btmLabelText{ text-align:left; font-size:11px; } div.btmDataPanel div.btmDataPanelHeader { font-size:14px; line-height:26px; background:#efefef !important; border-bottom:1px solid #e3e3e3; /*box-shadow: 0px 0px 5px 0px #525252; color:#000; padding-left:10px } table.btmTopBox { border:1px solid #e3e3e3 !important; height:60px; margin:0px 10px 0 10px; /* width:18%;*/ float:left; padding:5px; background:#fbfbfb !important; /*-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1);*/ } div.btmInnerBox { border:0px solid #252525; height:45px; margin:0px 0px 0px 0px; /*width:18%;*/ float:left; padding:5px 10px 0 15px; border-right:1px solid #d6d6d6; border-bottom:0px; border-top:0px; border-left:0px; /*border-right:1px solid #5d5d5d; background:#444444 !important; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1); border-right:1px solid #e7e7e7;*/ text-align:left; } div.btmValueText{ text-align:left; font-size:13px; font-weight:thin; color:#5e5e5e; white-space:nowrap; /*padding-top:4px;*/ margin-top:13px; font-weight:500; } div.btmDataPanel { border:1px solid #e3e3e3; background:#fff !important; /*-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1);*/ } div.btmDataPanel div.btmDataPanelHeader { font-size:14px; line-height:26px; background:#444444 !important; border-bottom:1px solid #2e2e2e; /* box-shadow: 0px 0px 5px 0px #525252; */ color:#c6c6c6; padding-left:10px } .btmGraphBg{ background-color:#939393; position:relative; height:14px; width:63px; border:0px solid #000000; padding:0px; margin:2px 0px 0px 0px; } .btmGraph{ background-color:#2685b3; color:#fff; line-height:1.6em } .btmGraphValue{ line-height:1.5em; font-size:11px; color:#ffffff; } .btmPadding{ padding-top:4px } /* btm tapanel styles start here */ .btmTip.x-tip{ background:#5c5c5c; color:#fff; border-color:#4d4d4d !important; -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.7); -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.7); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.7); } .btmDatapanel{ margin-bottom:15px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -ms-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; border:1px solid #e3e3e3; /*-webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35);*/ } .btmDatapanel.x-panel-default-framed{ background:#fff; } .btmDatapanel div.x-panel-body{ background:#ffffff !important; /*border:1px solid #cdcdcd;*/ /*border-width:0px 1px 1px 1px; border-style:solid; border-color:#cdcdcd; padding:0px; margin:0px;*/ } .btmDatapanel.x-panel-default-framed{ border-color:#e3e3e3; } .btmDatapanel .x-panel-body .block1 .x-panel-body{ border-width:0px !important;} .btmDatapanel div.x-panel-header{ background: transparent !important; border-width:0px 0px 0px 0px !important; border-color:#afafaf; padding:8px 10px 0px 5px; box-shadow:none; /* border:1px solid #cdcdcd !important; */ font-size:16px; height:30px } /* .btmDatapanel.darkHeader div.x-panel-header{ background: #cdcdcd !important; border-width:0px 0px 1px 0px !important; border-color:#b2b2b2 !important; } */ .btmDatapanel.queryHeader div.x-panel-header{ background: #cdcdcd !important; border-width:0px 0px 1px 0px !important; border-color:#b2b2b2 !important; padding:4px 10px 2px 10px; height:24px !important; } .btmDatapanel.queryHeader span.x-panel-header-text { font-size: 11px; text-transform: uppercase; } .btmDatapanel span.x-panel-header-text{ font-size:15px; text-transform:none; } .btmTreePanel .x-panel-body{ background:#ffffff; border:0px solid #e3e3e3 !important; /* padding:5px 10px 5px 10px; */ margin:0; padding:0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .btmTreePanel.x-panel-default-framed{ border:1px solid #e3e3e3 !important; padding:0px !important; background-color:#ffffff; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .btmTreePanel .x-docked-noborder-left { border-left-width: 0!important; } .btmTreePanel .x-docked-noborder-bottom { border-bottom-width: 0!important; } .btmTreePanel .x-docked-noborder-right { border-right-width: 0!important; } .btmTreePanel .x-docked-noborder-top { border-right-width: 0!important; } .btmTreePanel .x-panel-header, .x-nlg .btmTreePanel .x-panel-header-default-framed-top{ background: #ffffff; padding:3px 6px 3px 6px!important; box-shadow:none; border-width:0px 0px 1px 0px; border-color:#b0b0b0; } .btmTreePanel .x-grid-header-hidden .x-grid-body { border-top-color: transparent !important; } .btmTreePanel .x-panel-header-text-container{ padding:0px 5px 0px 0px; } .btmTreePanel .x-panel-header-text{ font-size:12px; font-weight:500; text-transform:uppercase; line-height:19px; } .treePanelDesign .x-grid-cell, .btmTreePanel .x-grid-cell-inner { font-size: 11px; } .btmTreePanel .x-grid-row .x-grid-cell-inner{ padding:3px 4px 1px 4px !important; margin:0px 0px 0px 0px !important; line-height:2.0em !important; } .btmTreePanel .x-grid-row .x-grid-cell .x-tree-icon{ margin:1px 2px 0px -10px;} .btmTreePanel.x-tree-arrows .x-tree-elbow-plus, .btmTreePanel.x-tree-arrows .x-tree-elbow-end-plus, .btmTreePanel.x-tree-arrows .x-tree-elbow-empty{ margin:0px 0px 0px 0px !important; } .btmTreePanel .x-tree-panel .x-grid-cell-inner .x-tree-elbow-end-plus{ margin:0px 0px 0px 0px !important; } .btmTreePanel tr:nth-child(even).x-grid-row .x-grid-cell { background: #ffffff !important; border-color: #e3e3e3; border-style:solid; border-width: 0 0 1px 0px; } .btmTreePanel tr:nth-child(odd).x-grid-row .x-grid-cell { background: #ffffff !important; border-color: #e3e3e3; border-style:solid; border-width: 0 0 1px 0px; } .btmTreePanel .x-grid-row-over .x-grid-cell, .btmTreePanel .x-grid-row-over .x-grid-cell-inner, .btmTreePanel .x-grid-row-over .x-grid-rowwrap-div{ background-color: #e2eff8 !important; } .btmTreePanel .x-grid-row-selected .x-grid-cell, .btmTreePanel .x-grid-row-selected .x-grid-cell-inner, .btmTreePanel .x-grid-row-selected .x-grid-rowwrap-div { background-color: #c1ddf1 !important; font-weight:500; } .btmTreePanel .x-grid-row-focused .x-grid-cell, .x-grid-row-focused .x-grid-rowwrap-div { border-color: #ddd; background-color: #ff0000; } .btmGridSkin{ /*border:1px solid #cdcdcd; jaiwin- removeShadow7 -webkit-box-shadow: 0px 0px 4px 0px rgba(100,100,100,0.5); -moz-box-shadow: 0px 0px 4px 0px rgba(100,100,100,0.5); box-shadow: 0px 0px 4px 0px rgba(100,100,100,0.5);*/ border:1px solid #d3d3d3 !important; /*-webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35);*/ background: #ffffff; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius:0px; -webkit-border-radius:0px; } .btmGridSkin .x-column-header-inner .x-column-header-text { display: inline; white-space:nowrap; display: table-cell; vertical-align: middle; line-height:1.5em; } .btmGridSkin .x-column-header-inner{ display: table-cell; vertical-align: middle; line-height:1.5em; border-top:0px solid #adadad !important; padding:4px 10px 1px 10px !important; } .btmGridSkin div.x-panel-header { background: #cdcdcd !important; border-width:0px 0px 1px 0px; border-color:#e3e3e3; box-shadow:none; padding:6px 10px 3px 10px !important; height:27px !important; } .btmGridSkin .x-panel-header-text-container{ padding:0px !important; } .btmGridSkin .x-grid-table{ } .btmGridSkin div.x-panel-header span.x-panel-header-text{ font-size:12px; } .btmGridSkin.gridShadow{ /* jaiwin- removeShadow8*/ -webkit-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); } .btmGridSkin div.x-column-header{ font-size:11px; text-transform:uppercase; text-shadow:none; background:#cdcdcd; border-color:#adadad #adadad #adadad #cdcdcd !important; border-style:solid; border-width:0px 1px 0px 1px!important; } .btmGridSkin .x-grid-header-ct { border-color:#cdcdcd #adadad #adadad #adadad !important; border-style:solid; border-width:1px 0px 1px 0px!important; } .btmGridSkin div.x-column-header-first{ border-width:0px 1px 0px 0px !important; } .btmGridSkin div.x-column-header-last{ border-width:0px 0px 0px 1px !important; } .btmGridSkin .x-grid-view{ border-top-color:#adadad !important; border-right-color:#1a1a1a; border-bottom-color:#1a1a1a; border-left-color:#1a1a1a; border-style:solid; border-width:1px 0px 0px 0px !important; } /*div .fancy_border:last-child, .x-container .x-container.fancy_border:last-child, .x-panel .x-container.fancy_border:last-child , table tr > td:last-of-type .fancy_border{ background:none; }*/ .btmGridSkin .x-grid-cell, .btmGridSkin .x-grid-rowwrap-div{ background-color: #f4f4f4 !important; border-right-color:#dfdfdf; border-bottom-color:#d3d3d3; border-style: solid; border-width:0px 0px 1px 0px; } .externalDetailsGridOuter .btmGridSkin .x-grid-row:last-child .x-grid-cell, .externalDetailsGridOuter .btmGridSkin .x-grid-row:last-child .x-grid-rowwrap-div{ border-width:0px 0px 0px 0px; } .btmGridSkin .x-grid-row.x-grid-row-selected .x-grid-cell, .btmGridSkin .x-grid-row.x-grid-row-selected .x-grid-rowwrap-div { background-color: #c1ddf1 !important; border-right-color:#dfdfdf; border-bottom-color:#d3d3d3; border-style: solid; /*border-width:1px 1px 1px 0px;*/ } .btmGridSkin .x-box-inner .x-group-sub-header, .btmGridSkin .x-box-inner .x-group-sub-header:last-child { border-top: 1px solid #b7b7b7 !important; border-right: 1px solid #dedede !important; border-bottom: none; border-left:none; } .btmGridSkin .x-box-inner .x-group-sub-header { background:#f3f3f3 !important; text-align: center; padding-top: 0px; font-size: 11px; } .btmGridSkin .x-box-inner .x-group-sub-header .x-column-header-over, .btmGridSkin .x-box-inner .x-group-sub-header .x-column-header-sort-ASC, .btmGridSkin .x-box-inner .x-group-sub-header .x-column-header-sort-DESC { background:#f3f3f3 !important; text-align: center; padding-top: 0px; font-size: 11px; } .btmGridSkin .x-grid-row .x-grid-cell{ font-size:12px; background-color: #f4f4f4 !important; } .btmGridSkin .x-grid-row-alt .x-grid-cell, .btmGridSkin .x-grid-row-alt .x-grid-rowwrap-div, .btmGridSkin .x-grid-row-alt .x-grid-cell-special { background-color: #ffffff !important; } .btmGridSkin .x-grid-cell-inner {line-height:20px !important} .btmGridSkin.x-grid-with-row-lines .x-grid-cell-inner{padding:2px 10px 0px 10px !important;} .btmGridSkin .x-grid-row-selected .x-grid-cell-special{ /* background-image: none !important; */ } .btmGridSkin .x-grid-row:hover, .btmGridSkin .x-grid-row-over .x-grid-cell, .btmGridSkin .x-grid-row-over .x-grid-rowwrap-div { background:#e2eff8 ; font-weight:normal !important} .btmGridSkin .x-column-header-over, .btmGridSkin .x-column-header-sort-ASC, .btmGridSkin .x-column-header-sort-DESC { background:#cdcdcd !important; } /* hidden by jaiwin for alignment issue .x-ie .x-column-header-inner{ line-height:20px !important; } .gridSkin .x-column-header-inner{ line-height:20px !important; } .x-ie .gridSkin .x-column-header-inner{ line-height:20px !important; } */ .btmGridSkin .x-grid-cell-inner, .btmGridSkin .x-grid-cell-inner a { color:inherit; } .btmGridSkin .x-grid-row:hover .x-grid-cell .x-grid-cell-inner { font-weight:500; } /* .gridSkin .x-grid-row:hover .x-grid-cell .x-grid-cell-inner .iconLineChart, .gridSkin .x-grid-row:hover .x-grid-cell .x-grid-cell-inner .iconConfigure, .gridSkin .x-grid-row:hover .x-grid-cell .x-grid-cell-inner .iconAssetConfiguration, .gridSkin .x-grid-row:hover .x-grid-cell .x-grid-cell-inner .iconDiagnosis{ -webkit-filter: brightness(9); filter: brightness(9); } */ .btmGridSkin .x-grid-row-checker { margin-left:-5px; } .btmGridSkin .x-grid-row-checker, .btmGridSkin .x-column-header-checkbox .x-column-header-text{ background-image: url("../images/Light/checkbox_new.png"); background-position:0px 0px; height:16px; width:16px; padding:0px !important; } .btmGridSkin .x-grid-cell-inner .x-grid-row-checker { background-image: url("../images/Light/checkbox_new.png"); background-position:0px 0px; height:16px; width:16px; padding:0px !important; } .btmGridSkin .x-grid-hd-checker-on .x-column-header-text, .btmGridSkin .x-grid-row-selected .x-grid-row-checker, .btmGridSkin .x-grid-row-checked .x-grid-row-checker { background-position:0px -20px !important; } .btmGridSkin .x-column-header-trigger { background-color:#BBBBBB; display:none; background-image:url('../images/Light/grid3-hd-btn_new.gif'); } .btmGridSkin .x-grid-group-hd .x-grid-cell-inner{ background:#acacac;padding:2px 0px 2px 10px;border-width:0px;} .btmGridSkin .x-grid-group-title{font-size:11px} .btmGridSkin .x-action-col-cell div{ text-align:center !important;} /* .gridSkin .x-action-col-cell div img{margin-top:3px} -- hidden for text and image alignment in grid row. - Jaiwin */ .btmGridSkin .x-column-header-sort-DESC .x-column-header-text{ background:url('../images/Light/grid_sort_down.png') right 0px no-repeat; } .btmGridSkin .x-column-header-sort-ASC .x-column-header-text{ background:url('../images/Light/grid_sort_top.png') right 0px no-repeat; } .btmGridSkin .x-grid-header-ct{ border-width:0px !important; background:#cdcdcd;} .btmWindow.x-window-default { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -ms-border-top-left-radius: 0px; -o-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -ms-border-top-right-radius: 0px; -o-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -ms-border-bottom-right-radius: 0px; -o-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -ms-border-bottom-left-radius: 0px; -o-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border-width: 0px; border-style: solid; border-color: #dedede; background-color: #6c6c6c; padding:4px 10px 10px 10px; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } .btmWindow.x-window-header-default-top { -webkit-box-shadow: #ecf2fb 0 0px 0 0 inset,#ecf2fb 0px 0 0 0 inset,#ecf2fb 0px 0 0 0 inset; -moz-box-shadow: #ecf2fb 0 0px 0 0 inset,#ecf2fb 0px 0 0 0 inset,#ecf2fb 0px 0 0 0 inset; box-shadow: #ecf2fb 0 0px 0 0 inset,#ecf2fb 0px 0 0 0 inset,#ecf2fb 0px 0 0 0 inset; } .btmWindow.x-window-header-default-top { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -ms-border-top-left-radius: 0px; -o-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -ms-border-top-right-radius: 0px; -o-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -ms-border-bottom-right-radius: 0; -o-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -ms-border-bottom-left-radius: 0; -o-border-bottom-left-radius: 0; border-bottom-left-radius: 0; border-style: solid; border-color:#535353; background-color: #535353; } .btmWindow.x-window-header-default{ zoom: 1; padding:5px 4px 0px 4px !important; margin:0px 4px 0px 4px; height:15px !important; background-color: #535353; } .btmWindow.x-window-header-text-default { font-weight:500; font-size:14px; color:#f7f7f7; line-height:1.5em; text-transform:uppercase; } .btmWindow.x-window-body-default { border:#d7d7d7 0px solid; background:#ffffff !important; } .btmWindow.x-window-body { position: relative; border-style: solid; border:0px; overflow: hidden; } /* BTM classes end--------*/ .componentdashbordcisco span.x-panel-header-text{ text-transform: uppercase !important; font-weight:500; } .headerwhite .x-panel-header-default-framed, .headerwhite{ background: #fbfbfb !important; } .componentnetworkseperator { background: url("/final/images/Light/searchSeperator.png") repeat-y top right transparent !important; margin: 0px; border: 0px !important;/*F*/ } .componentnetworkseperator:last-child { background:none !important } .containerDigitalData { border-right:1px solid #d6d6d6; } .containerDigitalData:last-child { border-right:0px !important } .componenttopborder .x-tab-bar { border-top:0px } .x-grid-row-expander, .x-grid-row-collapsed .x-grid-row-expander{ background-image: url('../images/Light/treeArrows.png'); } .x-grid-row-collapsed .x-grid-row-expander { width: 16px; height: 16px; margin-left:-4px; background-repeat: no-repeat; background-position: 0px 0px; } .x-grid-row-expander { width: 16px; height: 16px; margin-left:-4px; background-repeat: no-repeat; background-position: -16px 0px; } .insidedashborddial{ border:1px solid #D9D9D9; margin-left:10px !important; margin-right:5px !important; margin-bottom:10px !important; width:98.4% !important } .keyperformancetable, .fushionchartbody { overflow-y:auto; } /*-----------Admin input image IC ----------------*/ input.web{background-position:5px -298px;} input.network{background-position:5px -159px;} input.windows{background-position:5px -318px;} input.application{background-position:5px -18px;} input.cloud{background-position:5px -38px;} input.database{background-position:5px -58px;} input.desktops{background-position:5px -78px;} input.firewall{background-position:5px -98px;} input.java-apps{background-position:5px -119px;} input.linux{background-position:5px -138px;} input.others{background-position:5px -178px;} input.router{background-position:5px -198px;} input.storage{background-position:5px -219px;} input.terminal{background-position:5px -239px;} input.virtualization{background-position:5px -258px;} input.virtual-desktop{background-position:5px -278px;} .x-form-text, textarea.x-form-field .imagecombo .x-form-item-body input, .imagecombo .x-form-item-body input.x-form-text { background-image:url("/final/images/clear.png"); } .x-tab.x-item-disabled{ opacity:0.3;} .dummybtuserprofile { background:none; border:none; } .x-grid-rowprintwin tr:nth-child(even) {background: #f4f4f4} .x-grid-rowprintwin tr:nth-child(odd) {background: #fff} .tabLayoutInnerBorder{ border: 1px solid #e3e3e3; border-collapse: collapse;} /*--hidden text in frameset--*/ .frameset, .frameset .x-box-inner{overflow:visible !important} .distribution-chart .x-panel-header-default { background-color: #fbfbfb!important; font-size: 13px; line-height: 20px; font-weight:500; } .selectionDetailsBorder{ /*border: 1px solid #c3c3c3; */ border-collapse: collapse; border:1px solid #dedede; -webkit-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); } .testConfigToolbarBg{ background-color:#ffffff; border-top:1px solid #d6d6d6 !important; } .tablayout .tablayout .x-tab-bar{ box-shadow: none; height: 32px; border-width: 0px 1px 1px 1px !important; border-top-color: #e3e3e3; border-right-color: #e3e3e3; border-bottom-color: #e3e3e3; border-left-color: #e3e3e3; border-style: solid; } /*V*//*------admin grid header for descriptor pattern----------*/ .gridlabelheader{ font-size: 12px; text-transform: uppercase; text-shadow: none; background: #e6e6e6; border-top-color: #cdcdcd !important; border-right-color: #cdcdcd !important; border-bottom-color: #cdcdcd !important; border-left-color: #cdcdcd !important; border-style: solid; border-top-width: 0px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 0px !important; border-top: 0px solid #cdcdcd !important; padding: 5px 10px 4px 10px; line-height: 16px; } .fontSizethrshold{ font-size:11px; line-height:15px; padding: 3px 10px 3px 10px; } #cell_borderthresh{ border-left-width:0px; border-right-width:1px; border-top-width:0px; border-bottom-width:1px; border-color:#c3c3c3; border-style:solid; padding:4px } .borderDD div.x-panel-body { overflow:auto } #tierName { margin-top:1px !important } .ServiceGroup_top .x-grid-table { border-left:0px; border-right:0px } .reportergraph_head .x-panel-header-text,.reportergraph_head div.x-panel-header span.x-panel-header-text { font-size: 13px !important; font-weight:500; } .KbSerachError{ font-size: 11px; } .x-ie .reportergraph_head .x-panel-header-text, .x-ie .reportergraph_head div.x-panel-header span.x-panel-header-text { font-size: 13px !important; font-weight:500; } .treeAccordionDesign div.x-panel-header:last:child{ border-bottom: 0px !important; } .healthheader div.x-panel-header { padding-left: 7px; } .configMode_popup .x-container-default { line-height:1.5em; } .monitorpopup .configMode_popup_inner { margin-top:3px } .measuregraphtimeline #er_timeline { margin: 0px 10px 10px 10px !important; } .x-btn-default-small-disabled.x-icon.x-btn-icon.x-btn-default-small-icon{ opacity:0.3; } .emptycontentdiv.hidecontentDiv { display:none !important; } .historyappsearch { width:200px !important } .discoverytree .x-grid-view { overflow-x: auto; } /* / j / #Addfrequency1 .x-btn-inner { line-height: 22px !important; } */ /* .x-column-header-checkbox .x-column-header-inner { padding-top: 3px !important; } */ .curve_btn_dark{ -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background:#4b4b4b; line-height:1.3em; border:1px solid #4b4b4b; text-align:middle; width:80px; } .curve_btn_dark .curve_btn_dark_state{ -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background:#ffffff; height:20px; border:1px solid #4b4b4b; } .x-fieldset-header .x-fieldset-header-text { border: 1px solid #cad0d4 !important; margin-top: 1px; background-color:#ffffff; /* font Change background-color:#fbfbfb; */ padding: 5px 5px 5px 5px; /* font Change padding: 5px 5px 2px 5px; */ } .x-fieldset-header { padding:0px; } .x-webkit .x-fieldset-header { -webkit-padding-start: 0px !important; -webkit-padding-end: 0px !important; } /*---------switch buttons-----------*/ .switch_buttons .x-btn .x-btn-center .x-btn-inner{ color: #3f3f3f; font-size: 12px; } .switch_buttons .x-panel-body-default{ border-width:0!important; background:transparent!important } .switch_buttons{ background:#6c6c6c; border:#cccccc 1px solid; height:24px; padding:1px;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:30px; -webkit-border-radius:30px; } .switch_buttons .no.x-box-item{ float:left; position:relative !important; height:16px; top:0px !important; left:-1px!important; width:auto!important; border-radius:30px; -webkit-border-radius:30px; } .switch_buttons .yes.x-box-item{ float:left; position:relative !important; margin:1px !important; height:16px; top:-1px !important; left:0px!important; width:auto!important; border-radius:30px; -webkit-border-radius:30px; } .switch_buttons .no.x-btn-default-small{ border-color:#8f8f8f; background: #8f8f8f; border-width:0px !important; } .switch_buttons .yes.x-btn-default-small{ border-color:#ababab; background: #ababab; border-width:0px !important; } .switch_buttons .x-btn-default-small-menu-active, .switch_buttons .x-btn-default-small-pressed{ border-color:#6c6c6c; background:none !important; background-image:none; } .switch_buttons .x-btn-default-small-icon button, .switch_buttons .x-btn-default-small-icon a, .switch_buttons .x-btn-default-small-icon .x-btn-inner, .switch_buttons .x-btn-default-small-noicon button, .switch_buttons .x-btn-default-small-noicon a, .switch_buttons .x-btn-default-small-noicon .x-btn-inner{ line-height:16px !important; height:16px !important; } .switch_buttons .no.x-btn-default-small span.x-btn-inner{ text-transform:uppercase; color:#fff !important; } .switch_buttons .yes.x-btn-default-small-pressed span.x-btn-inner{ text-transform:uppercase; color:#000 !important; } .switch_buttons .x-toolbar-footer{ padding:0px; margin:0px; } .switch_buttons button, .switch_buttons button span{ width:auto!important;} .switch_buttons.lightTheme{ background:#e8e8e8 !important; } .monitorsettingsborder{ border-bottom:1px solid #e3e3e3 !important } .mesuregraphborder_right{ border-right:#D9D9D9 1px solid; } .dignosis_row { padding:5px; background:#eaeaea !important; padding-left:10px; border-bottom:1px solid #b7b7b7 } .darkthemefont_color{ color:#000 !important; } .dignosis_sbData { border-bottom:1px solid #cdcdcd; width:70px; padding:3px; text-wrap:suppress; font-weight:500; padding:5px !important } .remotecmmandcls { background:#30333a !important; } .pagingtoolbartop { border-top:1px solid #d3d3d3 !important; } .border_alt { border:1px solid #d3d3d3 !important; } .datatableheader { font-size: 11px; text-transform: uppercase; text-shadow: none; background: #cdcdcd; font-weight: normal; border-top-color: #adadad !important; border-right-color: #adadad !important; border-bottom-color: #adadad !important; border-left-color: #cdcdcd !important; border-style: solid; border-top-width: 0px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 0px !important; height:25px; padding:2px 5px 2px 5px; } .x-table table.x-grid-table.borderbottom_alt { border:1px solid #cdcdcd !important;/*V*/ } .borderbottom_alt { border-bottom:1px solid #d3d3d3 !important; } .borderright_alt { border-bottom:1px solid #d3d3d3 !important; } .header_con{ background:#f6f6f6; border-bottom:#cdcdcd 1px solid;/*V*/ } .currentalarmlabel { color:inherit; } .vmgrid{ border-color:#adadad!important; border-width:1px 0px 0px 0px !important; border-style:solid; box-shadow:none; -webkit-box-shadow:none } .gridSkin.textEndingDots{ border-color:#adadad!important; border-width:1px 0px 0px 0px !important; border-style:solid;box-shadow:none; -webkit-box-shadow:none } .border_theme{ /*border:1px #c3c3c3 solid;*/ } .last_border{border-left: 1px solid #d6d6d6} .virtualServerHeader { background:#c3c3c3 !important; } .blankline{ border-left: 1px solid #ABACAE; border-right: 1px solid #FAFAFA; } .border-theme {border: 1px solid #d3d3d3} .auditlogbackroundwhite { background:#ffffff !important; } .auditlogbackroundgray { background:#f4f4f4 !important; } .assetmanagent_bg { background:#DBDBDB } .insidetabmeasure{ background-color:#fff; background:none; border:0px !important; } .themeborder{ border: 1px solid #d7d7d7; } .borTop{ border-top:#adadad 1px solid !important; } .minMaxTable{ border-top:#adadad 1px solid; width:600px; margin:20px auto 0px auto; border-right:#D9D9D9 1px solid; padding-bottom:0px } .Qbordercont{ border-right:#121212 0px solid; border-left:1px solid #CDCDCD; height:25px; } .healthviewgridbar{ display:inline-block; padding:0px 0px 0px 0px; width:100%; margin-bottom:-3px; border:#fff 0px solid; height:13px; background-color:#e5e5e5; } .topContainerHeader{ border:#c3c3c3 1px solid; } .informationHeader{ background-color:#828282; } .informationPanel{ background-color:#fff; } .displayfieldCLS{ background-color:#FAFAFA; border-bottom:#c3c3c3 1px solid } .conCLS{ background-color:#c3c3c3 } .mborder{ border:1px solid #D9D9D9;border-top: 0px;border-left: 0px;border-bottom: 0px; } .mborderB{ border-top: 0px;border-bottom:1px solid #D9D9D9 } /* zone map styles started here - copied from zoneMap.css */ .zoneMap-toolbar-zonename { font-size : 14px !important; font-weight:500; /* text-shadow : 0 1px 0 #BBBBBB;*/ font-style : normal; } .zoneMap-toolbar-links a{ margin-right : 5px !important; font-size: 12px !important; font-weight:500; text-decoration:underline; } .zoneMap-toolbar-links a:hover{ font-weight:500; font-size: 12px !important; margin-right : 5px !important; text-decoration:underline; } .zone-toolbar { background : gray !important; padding:4px; } .zones-map-errorPanel-image { margin-top : 10px !important; padding-right : 5px !important; } .zones-map-errorPanel-text { margin : 5px !important; font-weight : normal !important; font-size: 11px !important; } .zone-toolbar-title { font-size: 12px; font-weight:500; padding-left: 3px; } .popup-style-gmap{ background: #ffffff !important; border:1px solid #c7c7c7; } .zone_error_panel{ background-color: #fbfbfb; } .zoneMap-toolbar-zonename { font-size : 12px !important; font-weight:500; font-style : normal; } .popup-style-gmap .gridSkin .x-toolbar{ padding:0px !important; line-height:24px; background:#fbfbfb !important; } .popup-style-gmap .gridSkin{ border: 0px solid #cdcdcd; } /* zone map styles started here ......*/ /* this is added for mydashboard weather */ .pac-container{z-index:999999 !important;} .pac-container:after{content:none !important;} .adminTopologyBg{ background:#ffffff; } .managerNotificationInnerView { text-align:left !important; padding:6px; border-bottom:1px solid #d6d6d6 !important; } .managerNotificationOuterView { text-align:left !important; padding:0px !important; border-bottom:1px solid #fefefe !important; } .msgBody { padding : 0px !important; } .msgContainer { float: left; width:196px; margin:4px 4px } .alrtContainer { float: left; width:620px; margin:4px 4px } #logoImg{ position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; } .x-grid-empty { font-size:12px; height:99%; } .footerbg{ background:#4e4e4e; margin:0px; padding:0px; height:1px; } .gridSkin div.x-column-header-checkbox{ /* height:26px !important; -- hidden by jaiwin for checkbox alighment issue */ } .gridSkin div.x-column-header-checkbox .x-column-header-inner{ /* padding:3px 6px !important; -- changed by jaiwin for checkbox alighment issue */ padding:0px 8px !important; } .x-panel.tablayout.tabborder.x-panel-default-framed{ -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; padding: 4px 4px 4px 4px; border-color: #e3e3e3 !important; border-width: 1px; border-style: solid; } .inside_block.x-panel-default-framed { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; padding: 4px 4px 4px 4px; border-width: 1px; border-style: solid; border-color:#e3e3e3; background-color: #fbfbfb; } .inside_block div.x-panel-body, .inside_block div.x-panel-body-default-framed, .inside_block div.x-panel-body-default { background: #353535 !important; border-color: transparent; border-width: 0px; } .inside_block .x-panel-header.x-docked.x-panel-header-default-framed{ background:#f6f6f6 !important; } .internalShadow { border:1px solid #dedede; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } /*--Search ---*/ .searchuserCombo{} .searchuserCombo input { height: 20px !important; background:#555; } .searchuserCombo input[type="text"] { -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.65); -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.65); box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.65); border: 0 none; padding: 3px 5px 2px 10px; -webkit-border-radius: 20px 0px 0px 20px; -moz-border-radius: 20px 0px 0px 20px; border-radius: 20px 0px 0px 20px; background:#ffffff; line-height:1.5em; } .searchuserCombo .x-form-trigger { background:#fff url(/final/images/Light/gsearchcombotrigger.png) no-repeat top right; position: relative; left: -1px; width: 18px !important; height: 20px; cursor: pointer; border-width:0px; cursor: hand; overflow: hidden; } .searchuser input { height: 20px !important; background:#555; } .searchuser{ margin-left:-5px } .searchuser input[type="text"] { -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.65); -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.65); box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.65); border: 0 none; padding: 3px 2px 2px 5px; /* -webkit-border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; border-radius: 0px 20px 20px 0px; */ background: url(/final/images/Light/search-dark.png) no-repeat 91px 5px #ffffff; width: 130px; line-height:1.5em; } .searchuser .x-form-trigger{ background: url(/final/images/Light/search-dark.png) no-repeat 3px 4px #ffffff; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.65); -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.65); box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.65); border: 0 none; -webkit-border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; border-radius: 0px 20px 20px 0px; height: 20px !important; } /*--Search ---*/ iframe.outerpanel{border:0px;width: 100%!important; height:356px!important;} .refCls #currentalarmsmain-body{ background:#535353; } /* Reporter Operation Network multiple graph tables styles start here */ .htmlTable{ background:#ffffff; width:100%; border:1px solid #dedede; } .htmlTable td{ width:50%; } .htmlTable td .mainDiv{ display:inline-block; background:#ffffff; border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; -khtml-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; -webkit-border-radius:0px 0px 0px 0px; overflow:visible; border:1px solid #dedede; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); width:100%; } .htmlTable .mainDiv .htmlTableHeader { width:100%; display:inline-block; background: #f6f6f6; border-width: 0px 0px 1px 0px !important; border-color: #adadad; padding: 4px 10px 2px 10px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow: none; line-height:1.5em; /* border: 1px solid #cdcdcd !important; */ font-size: 12px; font-weight:500; } .htmlTable .mainDiv .htmlTableHeader .htmlTableHeaderIconSeperator{ width: 2px; height: 14px; background: url("../images/Light/iconSeperatorInnerPanel.png") repeat left top transparent !important; margin: 0px 5px; float:right; border: none !important; } .htmlTableHeaderIconSeperator{ width: 2px; height: 14px; background: url("../images/Light/iconSeperatorInnerPanel.png") repeat left top transparent !important; margin: 0px 5px; float:right; border: none !important; } .htmlTable .htmlTableBody{ background: #ffffff !important; border-color: #adadad #d1d1d1 #d1d1d1 #d1d1d1; border-width: 1px 0px 0px 0px; border-style: solid; height:225px; padding:10px; } .htmlTable .htmlTableBody .highcharts-container, .htmlTable .htmlTableBody .highcharts-container svg {width:100% !important;} /* Reporter Operation Network multiple graph tables styles end here */ .refCls{ background:#535353 !important; } .printBodyColor{color:#000;background:#fff} .x-item-disabled .x-form-item-label, .x-item-disabled .x-form-field, .x-item-disabled .x-form-cb-label, .x-item-disabled .x-form-trigger, .x-item-disabled .x-grid-checkheader { filter: alpha(opacity=30); opacity: .3; } .customHeader div.x-panel-header { background: #f6f6f6 !important; box-shadow:none; border-width:1px 1px 1px 1px !important; border-color:#e3e3e3; border-style: solid; padding: 3px 10px 3px 10px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow: none; /* border: 1px solid #cdcdcd !important; */ font-size: 12px; font-weight:500; margin: 0px; } /* maintenance page styles start here *//*V*/ .maintenanceCount{ display:inline-block; width:100%; height:71px; position:relative; cursor: pointer; } .maintenanceBlockValue{ font-size: 18px !important; font-weight:500; position:absolute; top:5px; left:10px; text-align:left; margin-top:10px; } .maintenanceTitles{ font-size: 11px !important; font-weight:500; white-space: wrap; top:3.5em; word-wrap:normal; text-align:left; position:absolute; left:10px; } .maintenanceSeparator:first-child { border-left:0px !important } .maintenanceSeparator { border-left: 1px solid #d6d6d6 !important; } .maintenanceSeparator.last .maintenanceSeperatorLine{ display:none; } .maintenanceShadow{ border:1px solid #cdcdcd; /* /j/ -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.65); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.65); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.65); */ } .maintenanceTable{border-color: #cdcdcd;border-collapse:collapse;border-width: 1px 1px 1px 1px;margin:10px;border-style:solid} .maintenanceTableHeader { border-right: 1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; border-left:0px solid #cdcdcd; border-top:0px solid #cdcdcd; background-color: #e6e6e6 !important; height: 25px; font-size: 12px; font-weight:500; text-transform:uppercase } .maintenanceTable + table tbody tr:nth-child(even) {background-color:#f8f8f8 !important} .maintenanceTable + table tbody tr:nth-child(odd) {background-color:#ffffff !important} .maintenanceTable table tbody tr.removeBg {background-color:transparent !important} .maintenanceTable table tbody td:nth-child(even) {border:1px solid #cdcdcd !important;padding:3px 10px 3px 10px;font-size:11px; border-collapse: collapse;border-left-width: 0px !important;} .maintenanceTable table tbody td:nth-child(odd) {border:1px solid #cdcdcd !important;padding:3px 10px 3px 10px;font-size:11px; border-collapse: collapse;border-left-width: 0px !important;} .maintenanceTable table tbody td .maintenanceInnerTable { width:100%;border-color: #cdcdcd;border-collapse:collapse;border-width: 1px 1px 1px 1px;} .maintenanceTable table tbody td .maintenanceInnerTable table tbody tr:nth-child(even) {background-color:transparent} .maintenanceTable table tbody td .maintenanceInnerTable table tbody tr:nth-child(odd) {background-color:transparent} .maintenanceTable table tbody td .maintenanceInnerTable table tbody td{ border-top-color: #cdcdcd !important; border-right-color: #cdcdcd !important; border-bottom-color: #cdcdcd !important; border-left-color: #cdcdcd !important; border-width: 1px 1px 1px 1px !important; /* J */ padding:3px 10px 3px 10px; font-size:11px; } .maintenanceTable table tbody td .maintenanceInnerTable table tbody tr:last-child td{ border-top-color: #cdcdcd !important; border-right-color: #cdcdcd !important; border-bottom-color: #cdcdcd !important; border-left-color: #cdcdcd !important; border-width: 1px 1px 1px 1px !important; /* J */ padding:3px 10px 3px 10px; font-size:11px; } .maintenanceTable table tbody td .maintenanceGroupInnerTable {width:100%;border-color: #cdcdcd;border-collapse:collapse;border-width: 1px 1px 1px 1px;} .maintenanceTable table tbody td .maintenanceGroupInnerTable table tr:nth-child(even) {background-color:transparent} .maintenanceTable table tbody td .maintenanceGroupInnerTable table tr:nth-child(odd) {background-color:transparent} .maintenanceTable table tbody td .maintenanceGroupInnerTable table td:nth-child(even) { border-top-color: #cdcdcd !important; border-right-color: #cdcdcd !important; border-bottom-color: #cdcdcd !important; border-left-color: #cdcdcd !important; border-width: 0px 1px 1px 0px !important; padding:3px 5px 3px 5px; font-size:11px; } .maintenanceTable table tbody td .maintenanceGroupInnerTable table td:nth-child(odd) { border-top-color: #cdcdcd !important; border-right-color: #cdcdcd !important; border-bottom-color: #cdcdcd !important; border-left-color: #cdcdcd !important; border-width: 0px 1px 1px 0px !important; padding:3px 5px 3px 5px; font-size:11px; } .maintenanceTable table tbody td .maintenanceGroupInnerTable table tr td .maintenanceGroupInnerTable2 {width:100%;border-color: #cdcdcd;border-collapse:collapse;border-width: 1px 1px 1px 1px;} .maintenanceTable table tbody td .maintenanceGroupInnerTable table tr td .maintenanceGroupInnerTable2 table tr:nth-child(even) {background-color:#e6e6e6 !important} .maintenanceTable table tbody td .maintenanceGroupInnerTable table tr td .maintenanceGroupInnerTable2 table tr:nth-child(odd) {background-color:#ffffff !important} .maintenanceTable table tbody td .maintenanceGroupInnerTable table tr td .maintenanceGroupInnerTable2 table tr.removeBg {background-color:transparent !important} .maintenanceTable table tbody td .maintenanceGroupInnerTable table tr td .maintenanceGroupInnerTable2 table td:nth-child(even) { border-top-color: #cdcdcd !important; border-right-color: #cdcdcd !important; border-bottom-color: #cdcdcd !important; border-left-color: #cdcdcd !important; border-width: 0px 0px 1px 0px !important; padding:3px 5px 3px 5px; font-size:11px; } .maintenanceTable table tbody td .maintenanceGroupInnerTable table tr td .maintenanceGroupInnerTable2 table td:nth-child(odd) { border-top-color: #cdcdcd !important; border-right-color: #cdcdcd !important; border-bottom-color: #cdcdcd !important; border-left-color: #cdcdcd !important; border-width: 0px 0px 1px 0px !important; padding:3px 5px 3px 5px; font-size:11px; } .maintenanceTable .policyName{ font-size:11px !important; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } /* maintenance page styles end here */ /* Mail Alert Suppress page styles start here *//*V*//*--------admin SNMP Configuration------------*/ .mailAlertSuppressShadow{ -webkit-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.65); -moz-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.65); box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.65); margin:10px; } .mailAlertSuppressTableHeader { border-top-color: #cdcdcd !important; border-right-color: #cdcdcd !important; border-bottom-color: #cdcdcd !important; border-left-color: #cdcdcd !important; border-width: 1px 1px 1px 1px !important; background-color: #fff !important; height: 25px; font-size: 12px; padding:4px 10px 2px 0px; font-weight:500; text-transform:uppercase } .mailAlertSuppressTable{border-color: #cdcdcd;border-collapse:collapse;border-width: 1px 1px 1px 1px;} .mailAlertSuppressTable table thead tr{background-color:#e6e6e6;text-transform:uppercase} .mailAlertSuppressTable table thead tr th{ border:1px solid #cdcdcd;padding:3px 10px 3px 10px;font-size:11px;border-collapse:collapse; font-weight:500; } .mailAlertSuppressTable table tbody tr:nth-child(even) {background-color:#f9f9f9} .mailAlertSuppressTable table tbody tr:nth-child(odd) {background-color:#ffffff} .mailAlertSuppressTable table thead td:nth-child(even) {border:1px solid #cdcdcd;padding:3px 10px 3px 10px;font-size:11px;border-collapse:collapse} .mailAlertSuppressTable table thead td:nth-child(odd) {border:1px solid #cdcdcd;padding:3px 10px 3px 10px;font-size:11px;border-collapse:collapse} .mailAlertSuppressTable table tbody td:nth-child(even) {border:1px solid #cdcdcd;padding:3px 10px 3px 10px;font-size:11px;} .mailAlertSuppressTable table tbody td:nth-child(odd) {border:1px solid #cdcdcd;padding:3px 10px 3px 10px;font-size:11px;} .mailAlertSuppressTable table tbody tr.removeBg {background-color:transparent;} .popupAlertUser{ background: #fff5a4 !important; font-size:11px; padding:5px 5px 5px 5px; border-color:#d9d08b; border-top-width:1px !important; border-right-width:1px !important; border-bottom-width:1px !important; border-left-width:1px !important; border-style:solid; height:25px; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.65); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.65); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.65); } .licenseVilotionWarningMsg1{font-size:13px;padding:5px 5px 5px 5px;border-top-width:1px!important;border-right-width:1px!important;border-bottom-width:1px!important;border-left-width:1px!important;border-style:solid;height:25px;-webkit-box-shadow:0 0 5px 0 rgba(100,100,100,0.65);-moz-box-shadow:0 0 5px 0 rgba(100,100,100,0.65);box-shadow:0 0 5px 0 rgba(100,100,100,0.65)} .licenseVilotionWarningMsg{background:#fa9d1c!important;font-size:11px;padding:5px 5px 5px 5px;border-color:#fa9d1c;border-top-width:1px!important;border-right-width:1px!important;border-bottom-width:1px!important;border-left-width:1px!important;border-style:solid;height:25px;-webkit-box-shadow:0 0 5px 0 rgba(100,100,100,0.65);-moz-box-shadow:0 0 5px 0 rgba(100,100,100,0.65);box-shadow:0 0 5px 0 rgba(100,100,100,0.65)} .licenseVilotionWarningMsg .x-window-header-default { zoom: 1; padding: 5px 4px 0 4px!important; margin: 0 4px 0 4px; height: 15px!important; border:#fa9d1c 0px solid; background-color: #fa9d1c!important; } .licenseVilotionWarningMsg .x-window-header-text-default { font-weight: 500; font-size: 14px; color: #000; line-height: 1.5em; text-transform: uppercase; } .licenseVilotionWarningMsg .x-tool img.x-tool-close, .licenseVilotionWarningMsg .x-tool img.x-tool-over .x-tool-close { background-image: url(../images/Light/window_close.png); } /* Mail Alert Suppress page styles End here */ .plainTableShadow{ -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.65); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.65); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.65); } .plainTable{border-color: #D9D9D9;border-collapse:collapse;border-width: 1px 1px 1px 1px;} .plainTable table tbody tr:nth-child(even) {background-color:#f4f4f4} .plainTable table tbody tr:nth-child(odd) {background-color:#ffffff} .plainTable table thead tr th:nth-child(even) {border:1px solid #D9D9D9;padding:3px 10px 3px 10px;font-size:11px; font-weight:500;background-color:#D9D9D9;} .plainTable table thead tr th:nth-child(odd) {border:1px solid #D9D9D9;padding:3px 10px 3px 10px;font-size:11px; font-weight:500;background-color:#D9D9D9;} .plainTable table tbody tr td:nth-child(even) {border:1px solid #D9D9D9;padding:3px 10px 3px 10px;font-size:11px;font-size:11px; } .plainTable table tbody tr td:nth-child(odd) {border:1px solid #D9D9D9;padding:3px 10px 3px 10px;font-size:11px;font-size:11px; } #Maximize-body{width:100% !important} .textFromHelpPage table tr td{ font-size:11px !important;line-height:1.5em;text-align:left; } .x-field-label-cell{ vertical-align:initial; } .x-combo-list-group{ /* padding-bottom:3px; */ padding:3px; background:#f1f1f1; border-bottom:1px solid #d3d7dd /*V*/ } .helpBGcolor{ background-color:#535353 } .defineConfigShadow{ -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } /* vijay JTM Styles start here */ .jtm_tableHeader{ font-size: 11px; line-height:15px; text-transform:capitalize !important; text-shadow:none; color:#000!important; background:#cdcdcd!important; font-weight:normal; border-top-color:#adadad!important; border-right-color:#adadad!important; border-bottom-color:#adadad!important; border-left-color:#cdcdcd!important; border-style:solid; border-top-width:0px!important; border-right-width:1px!important; border-bottom-width:1px!important; border-left-width:1px!important } .jtm_tableCell{ font-size: 11px; line-height:15px; text-transform:capitalize; text-shadow:none; border-bottom:1px solid #d3d3d3 !important; white-space:nowrap!important; color:#000; } .jtm_Total{ font-size:11px; color:#000; font-weight:900; /*line-height:24px*/ } .jtm_InnerHeader{ font-size:11px; font-weight:500; color:#000; background:#f6f6f6!important /*line-height:24px*/ } .jtm_DatapanelBody{ background:#fff!important; border:1px solid #dedede } .jtm_DatapanelHeader{ padding:2px 0px 2px 10px; font-size:11px; font-weight:500; color:#000; margin: 0!important; border-bottom:1px solid #dedede; background: #f6f6f6!important; line-height:24px } /*.jtm_Select{ font-size:11px!important; } .jtm_Select select option{ font-size:12px!important; padding:3px }*/ .jtm_Select { padding: 3px; margin: 0; font-size: 11px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; height: 20px !important; background: #fff !important; /*-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;*/ background: url("../images/Light/form_input_buttons.png") no-repeat scroll 165px 1px #fff !important; color: #000 !important; border-color: #abb2bd; border-style: solid; border-width: 1px 1px 1px 1px; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; position: relative; } .jtm_Select:focus { z-index: 3; width: 100%; color: red; outline: 2px solid #49aff2; outline: 2px solid -webkit-focus-ring-color; outline-offset: -2px; } .jtm_Select > option { margin: 3px; padding: 6px 8px; text-shadow: none; border-radius: 3px; cursor: pointer; } .jtm_Select1 { padding: 3px; margin: 0; font-size: 11px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: #fff !important; /*-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;*/ background: url("../images/Dark/form_input_buttons.png") no-repeat scroll 165px 1px #fff !important; color: #000 !important; border-color: #abb2bd; border-style: solid; border-width: 1px 1px 1px 1px; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; position: relative; } .jtm_Select1:focus { z-index: 3; width: 100%; outline: 2px solid #49aff2; outline: 2px solid -webkit-focus-ring-color; outline-offset: -2px; } .jtm_Select1 > option { margin: 3px; padding: 6px 8px; text-shadow: none; border-radius: 3px; cursor: pointer; } .jtmDropdown { padding: 3px; margin: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; height: 21px; line-height: 1em; background: #fff; /*-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;*/ border-color: #abb2bd; background: url("../images/Dark/form_input_buttons.png") no-repeat scroll 165px 1px #fff; color: #000 !important; border-style: solid; border-width: 1px 1px 1px 1px; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; position: relative; } .jtmDropdown:focus { z-index: 3; width: 100%; outline: 2px solid #49aff2; outline: 2px solid -webkit-focus-ring-color; outline-offset: -2px; } .jtmDropdown > option { margin: 3px; padding: 6px 8px; text-shadow: none; border-radius: 3px; cursor: pointer; } /* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */ @media screen and (-webkit-min-device-pixel-ratio:0) { select {padding-right:18px} } .jtm_Table{ font-size:11px!important; } .jtm_Table td{ font-size:11px!important; padding:6px; } .jtm_bottomBorder{ border-bottom:1px solid #dedede } /*jtm subcomponent table*/ .jtm_SubCompTable{ border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; border-color:#b6b6b6; border-style:solid } .jtm_SubCompTable tr, .jtm_SubCompTable th{ background:#cdcdcd !important; font-weight:500; padding:3px; border-right:1px solid #adadad !important; border-bottom:1px solid #adadad !important; } .jtm_SubCompTable td{ background:#fff !important; padding:2px; border-right:1px solid #d6d6d6 !important; } .current a{ display:block; float:left; width:100; background:#404040; box-shadow:none; border:1px solid #c0c0c0 !important; top:0!important; margin:0; padding:5px 10px 5px 10px; color:#fff !important; font-size:12px!important; text-align:center } .jtm_Tab{ display:block; float:left; width:100; background:#f6f6f6; box-shadow:none; border:1px solid #c0c0c0 !important; top:0!important; margin:0; padding:5px 10px 5px 10px; color:#000!important; font-size:12px!important; text-align:center } a.jtm_Tab:hover{ display:block; float:left; width:100; background:#ededed; box-shadow:none; border:1px solid #c0c0c0 !important; top:0!important; margin:0; padding:5px 10px 5px 10px; color:#000!important; font-size:12px!important; text-align:center } .jtm_Combo{ background:#fff; padding-left:6px; padding-bottom:3px; color:#000; font-weight:normal; height:21px; line-height:1.6em; background:url("../images/Light/form_input_buttons.png") no-repeat scroll 165px 2px #fff; border-color:#abb2bd; border-style:solid; border-width:1px 1px 1px 1px; height:21px!important; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer } .jtm_Combo > option { margin: 3px; padding: 6px 8px; text-shadow: none; background: #f2f2f2; border-radius: 3px; cursor: pointer; } .jtm_formouter{ margin:10px 10px 5px 10px; background:#f7f7f7!important; padding:0; border:1px solid #dedede!important; -webkit-box-shadow:0 0 5px 0 rgba(100,100,100,0.35); -moz-box-shadow:0 0 5px 0 rgba(100,100,100,0.35); box-shadow:0 0 5px 0 rgba(100,100,100,0.35) } .jtm_datapanel{ margin-bottom:15px; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -ms-border-radius:0; -o-border-radius:0; border:1px solid #dedede; -webkit-box-shadow:0 0 5px 0 rgba(100,100,100,0.35); -moz-box-shadow:0 0 5px 0 rgba(100,100,100,0.35); box-shadow:0 0 5px 0 rgba(100,100,100,0.35) } .jtm_lightlight{ background:#e2eff8 !important } #jtm_lightlight{ background:#e2eff8 !important } .trhover { background-color: #c3dff2 !important } .dividerBar{ /*background-image:url('/final/images/Light/dividerBar.png');*/ background-repeat :repeat-y; } .dividerBarHori{ background-image:url('/final/images/Light/dividerBarHori.png'); background-repeat :repeat-x; background-color:#ffffff; border:1px solid #bbbbbb; border-top-width:0px; border-right-width:0px; border-bottom-width:1px; border-left-width:0px; } .dividerLeft{ background-image:url('/final/images/Light/dividerLeft.png'); background-repeat :no-repeat; background-position:center center; cursor:pointer; border:0px solid red; font-size:1pt; height:50px; width:6px; } .dividerRight{ background-image:url('/final/images/Light/dividerRight.png'); background-repeat :no-repeat; background-position:center center; cursor:pointer; border:0px solid red; font-size:1pt; height:50px; width:6px; } .dividerTop{ background-image:url('/final/images/Light/dividerTop.png'); background-repeat :no-repeat; background-position:center center; cursor:pointer; font-size:1pt; width:50px; height:6px; } .dividerBottom{ background-image:url('/final/images/Light/dividerBottom.png'); background-repeat :no-repeat; background-position:center center; cursor:pointer; font-size:1pt; width:50px; height:6px; } .layerclearimg{background:url('/final/images/clear.png');position:absolute;right:20px;height:20px;width:20px;} /*----ScrollOver ----*/ /*.gridSkin .x-grid-view table{ width:100% !important; } .gridSkin .x-grid-view{ width:100% !important; overflow:hidden !important; } .gridSkin .x-grid-view:hover{ overflow:auto !important; } #infrastructurehealthviewmenu-body .menu-button{ width:100% !important; } #infrastructurehealthviewmenu-innerCt, #infrastructurehealthviewmenu-targetEl { width:100% !important; } #infrastructurehealthviewmenu-body{ width:100% !important; overflow:hidden !important; } #infrastructurehealthviewmenu-body:hover{ overflow-Y:auto !important; overflow-X:hidden !important; width:100% !important; } #infrastructurehealthviewmenu-body:hover #infrastructurehealthviewmenu-innerCt, #infrastructurehealthviewmenu-body:hover #infrastructurehealthviewmenu-targetEl { width:250px !important; } .containerShadow div.x-panel-body, .datapanel .x-panel-body, .x-panel-body.x-grid-body .x-grid-view, .x-tabpanel-child, .x-boundlist-list-ct, .x-boundlist-outer-ct{ overflow:hidden !important; } .x-boundlist-item{ } .x-boundlist-list-ct:hover, .multiselect .x-boundlist-list-ct:hover, .x-boundlist-outer-ct:hover .x-boundlist-list-ct{ overflow:auto !important; width:100%; background:#FFF; } .x-boundlist-list-ct:hover .x-boundlist-item{ width:100%; } .containerShadow div.x-panel-body:hover, .datapanel .x-panel-body:hover, .x-panel-body.x-grid-body .x-grid-view:hover, .x-tabpanel-child:hover { overflow:auto !important; }*/ .rum_HIGH{color:#cd0f0f} .rum_INTERMEDIATE{color:#fa9d1c} .rum_LOW{color:#ccc100} .rum_GOOD{color:#0c9a12} .rum_UNKNOWN{color:#30a1d9} .rum_GRAY{color:#2A291A} .textState_HIGH{color:#cd0f0f} .textState_INTERMEDIATE{color:#fa9d1c} .textState_LOW{color:#ccc100} .textState_GOOD{color:#0c9a12} .textState_UNKNOWN{color:#30a1d9} .textState_GRAY{color:#555555} /*--used for global search --*/ .chartCount { border-bottom: #e8e8e8 0 solid; color: #000; padding: 5px 0 0 0; } .chartCount ul { text-align: center; width: 100%; overflow: hidden; display: table; table-layout: fixed; color: #d4d4d4; } .chartCount ul li { position: relative; display: table-cell; text-align: center; margin: 0 auto; padding: 0 10px; } .chartCount ul li .chartLegend { font-size: 60px; line-height: 0; position: relative; top: 0; margin: 0; padding: 0; display:block !important; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; border-radius: 50% !important; } .chartCount ul li .status { font-size: 10px; color: #000; padding: 0; } /*--layer model grid icons --*/ .measureHead .gridSkin td.x-action-col-cell div { text-align:right !important;/*V*/ position:relative;/*V*/ top:2px/*V*/ } #userdesktoplinegraphpnl .highcharts-container svg{ cursor:pointer; } #userdesktopbargraphpnl .highcharts-container svg{ cursor:pointer; } /* HTML Pagination css --------*/ .PagingText { font-size: 11px; line-height:18px; } .PagingTextbox { background:#ffffff; border:#aab2bd 1px solid; line-height:18px; height:20px; padding:3px; color:#000; line-height:1.2em!important; font-size:10px!important; } .PagingTextbox input:focus { border:#6d7d92 1px solid } .PagingButton { background:#757575; border:1px solid #2e2e2e; padding:0; overflow:visible; padding:0 5 0 5; zoom:1; font-size: 11px; color:#fff; text-shadow:none!important; display:block; height:20px; line-height:19px!important; cursor:pointer } .PagingButton:hover { background:#919191 } .PagingCount { background:#4c4c4c; padding:2 6 2 6; margin-right:3px; display:block; height:20px; border:1px solid #2e2e2e; font-size: 11px; color:#fff } .PagingToolbar-first { background-image:url('../images/Light/page-first.png')!important; width:16px; height:16px; cursor:pointer } .PagingToolbar-prev { background-image:url('../images/Light/page-prev.png')!important; width:16px; height:16px; cursor:pointer } .PagingToolbar-last { background-image:url('../images/Light/page-last.png')!important; width:16px; height:16px; cursor:pointer } .PagingToolbar-next { background-image:url('../images/Light/page-next.png')!important; width:16px; height:16px; cursor:pointer } .PagingToolbar .x-tbar-loading { background-image:url('../images/Light/refresh.png')!important } .PagingToolbar .x-item-disabled .x-tbar-page-first { background-image:url('../images/Light/page-first-disabled.png')!important } .PagingToolbar .x-item-disabled .x-tbar-page-last { background-image:url('../images/Light/page-last-disabled.png')!important } .PagingToolbar .x-item-disabled .x-tbar-page-next { background-image:url('../images/Light/page-next-disabled.png')!important } .PagingToolbar .x-item-disabled .x-tbar-page-prev { background-image:url('../images/Light/page-prev-disabled.png')!important } .fontNormalText{text-transform:none !important;} /*--------RUM Styles------------*/ .rumLabel.x-toolbar.x-docked label{ text-align:right !important } .rumLabel .x-form-item-label.x-form-item-label-left{ font-weight:normal; padding:4px; } .rumHeader{ border-bottom:1px solid #e3e3e3 !important; padding:3px 0 3px 0; } .rumPanelBg .rumDatapanel div.x-panel-body{ background:#fbfbfb !important } ul.rumMapData li{ display:inline-block; /*width:230px;*/ padding:2px 0px 2px 2px; font-size:9px; font-weight:500; border-bottom:0px solid #ccc; color:#000; float:left } .outerpanel .x-panel-body .tablayout .x-panel-body{ overflow-x:hidden !important } .rumGridSkin{ /*border:1px solid #cdcdcd; jaiwin- removeShadow7 -webkit-box-shadow: 0px 0px 4px 0px rgba(100,100,100,0.5); -moz-box-shadow: 0px 0px 4px 0px rgba(100,100,100,0.5); box-shadow: 0px 0px 4px 0px rgba(100,100,100,0.5);*/ border:1px solid #dedede !important; /*-webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35);*/ /*background: #fbfbfb;*/ } .rumGridSkin .x-panel-body { border:1px solid #d3d3d3 !important; } .rumGridSkin .x-column-header-inner .x-column-header-text, .x-column-header-inner { white-space:normal !important } .rumGridSkin .x-column-header-inner .x-column-header-text { font-weight:400; } .border div.x-grid-header-ct.x-docked-noborder-left .border div.x-grid-header-ct.x-docked-noborder-right, .border div.x-grid-header-ct.x-docked-noborder-top{ border-color:#cdcdcd !important; border-style:solid !important; border-width:0px 1px 0px 1px !important; } .border div.x-grid-body.x-docked-noborder-left, .border div.x-grid-body.x-docked-noborder-right, .border div.x-grid-body.x-docked-noborder-bottom{ border-color:#cdcdcd !important; border-style:solid !important; border-width:0px 1px 1px 1px !important; } .rumGridSkin div.x-panel-header { background: #dbdbdb; border-width:0px 0px 1px 0px; border-color:#e3e3e3; box-shadow:none; padding:4 0 4 0 } .rumGridSkin .x-grid-table{ } .rumGridSkin div.x-panel-header span.x-panel-header-text{ font-size:12px; /* text-shadow: 1px 0 0 #ffffff; */ } .rumGridSkin.gridShadow{ /* jaiwin- removeShadow8*/ -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } .rumGridSkin div.x-column-header{ font-size:12px; text-transform:capitalize; text-shadow:none; background:#cdcdcd; border-color:#adadad #adadad #adadad #cdcdcd !important; border-style:solid; border-width:0px 1px 0px 1px!important; } .rumGridSkin .x-grid-header-ct { border-color:#cdcdcd #adadad #adadad #adadad !important; border-style:solid; border-width:1px 0px 1px 0px!important; } .rumGridSkin div.x-column-header-first{ border-width:0px 1px 0px 0px !important; } .rumGridSkin div.x-column-header-last{ border-width:0px 0px 0px 1px !important; } /*.rumGridSkin .x-grid-view{ border-top-color:#d3d3d3 !important; border-right-color:#d3d3d3; border-bottom-color:#d3d3d3; border-left-color:#d3d3d3; border-style:solid; border-width:0px 1px 1px 1px !important; }*/ div .fancy_border:last-child, .x-container .x-container.fancy_border:last-child, .x-panel .x-container.fancy_border:last-child , table tr > td:last-of-type .fancy_border{ background:none; } .rumGridSkin .x-grid-cell, .rumGridSkin .x-grid-rowwrap-div{ background-color: #ffffff !important; border-right-color:#dfdfdf; border-bottom-color:#d3d3d3; border-style: solid; border-width:0px 0px 1px 0px; } .rumGridSkin tr.x-grid-row:last-child td { border-bottom:0px } .rumGridSkin .x-column-header-inner{border-top:0px solid #adadad !important;padding:3px 10px 3px 10px;} .rumGridSkin .x-grid-row.x-grid-row-selected .x-grid-cell, .rumGridSkin .x-grid-row.x-grid-row-selected .x-grid-rowwrap-div { background-color: #c1ddf1 !important; border-right-color:#dfdfdf; border-bottom-color:#d3d3d3; border-style: solid; /*border-width:1px 1px 1px 0px;*/ } .rumGridSkin .x-box-inner .x-group-sub-header, .rumGridSkin .x-box-inner .x-group-sub-header:last-child { border-top: 1px solid #b7b7b7 !important; border-right: 1px solid #dedede !important; border-bottom: none; border-left:none; } .rumGridSkin .x-box-inner .x-group-sub-header { background:#f3f3f3 !important; text-align: center; padding-top: 0px; font-size: 10px; } .rumGridSkin .x-box-inner .x-group-sub-header .x-column-header-over, .rumGridSkin .x-box-inner .x-group-sub-header .x-column-header-sort-ASC, .rumGridSkin .x-box-inner .x-group-sub-header .x-column-header-sort-DESC { background:#f3f3f3 !important; text-align: center; padding-top: 0px; font-size: 10px; } /* need to delete - 2222 .x-grid-group-hd-collapsible .x-grid-group-title { background: transparent no-repeat 0 0px; background-image: url('../images/Light/eG_Icons.png'); background-position: -40px -580px; width: 16px; height: 16px; padding: 0 0 0 18px; line-height:16px; } .x-grid-group-hd-collapsed .x-grid-group-title { background-image: url('../images/Light/eG_Icons.png'); background-position: -40px -560px; width: 16px; height: 16px; margin-right:5px; }*/ .rumGridSkin .x-grid-row .x-grid-cell{ font-size:12px; } .rumGridSkin .x-grid-row-alt .x-grid-cell, .rumGridSkin .x-grid-row-alt .x-grid-rowwrap-div, .rumGridSkin .x-grid-row-alt .x-grid-cell-special { background-color: #f4f4f4 !important; } .rumGridSkin .x-grid-row:nth-of-type(odd) .x-grid-cell { background-color:#f4f4f4 !important; } .rumGridSkin .x-grid-cell-inner {line-height:20px !important} .rumGridSkin.x-grid-with-row-lines .x-grid-cell-inner{padding:2px 10px 1px 10px !important;} .rumGridSkin .x-grid-row-selected .x-grid-cell-special{ background-image: none !important; } .rumGridSkin .x-grid-row:hover, .rumGridSkin .x-grid-row-over .x-grid-cell, .rumGridSkin .x-grid-row-over .x-grid-rowwrap-div { background:#e2eff8 ; font-weight:normal !important} .rumGridSkin .x-column-header-over, .rumGridSkin .x-column-header-sort-ASC, .rumGridSkin .x-column-header-sort-DESC { background:#cdcdcd !important; } /* ** Jaiwin .x-ie .x-column-header-inner{ line-height:20px !important; } */ /*.rumGridSkin .x-column-header-inner{ line-height:23px !important; }*/ /* ** Jaiwin .x-ie .gridSkin .x-column-header-inner{ line-height:23px !important; } */ .rumGridSkin .x-grid-cell-inner, .rumGridSkin .x-grid-cell-inner a { color:inherit; } .rumGridSkin .x-grid-row:hover .x-grid-cell .x-grid-cell-inner { font-weight:500; } /* .gridSkin .x-grid-row:hover .x-grid-cell .x-grid-cell-inner .iconLineChart, .gridSkin .x-grid-row:hover .x-grid-cell .x-grid-cell-inner .iconConfigure, .gridSkin .x-grid-row:hover .x-grid-cell .x-grid-cell-inner .iconAssetConfiguration, .gridSkin .x-grid-row:hover .x-grid-cell .x-grid-cell-inner .iconDiagnosis{ -webkit-filter: brightness(9); filter: brightness(9); } */ .x-action-col-cell .x-grid-cell-inner{ line-height:0px !important; } .rumGridSkin .x-grid-row-checker { margin-left:-4px; } .rumGridSkin .x-grid-row-checker, .rumGridSkin .x-column-header-checkbox .x-column-header-text{ background-image: url("../images/Light/checkbox_new.png"); background-position:-2px -2px; height:16px; width:16px; padding:0px !important; margin:2px auto!important; } .rumGridSkin .x-grid-cell-inner .x-grid-row-checker { background-image: url("../images/Light/checkbox_new.png"); background-position:-2px -2px; height:16px; width:16px; padding:0px !important; } .rumGridSkin .x-grid-hd-checker-on .x-column-header-text, .rumGridSkin .x-grid-row-selected .x-grid-row-checker, .rumGridSkin .x-grid-row-checked .x-grid-row-checker { background-position:-2px -19px !important; } .rumGridSkin .x-column-header-trigger { background-color:#BBBBBB; display:none; background-image:url('../images/Light/grid3-hd-btn_new.gif'); } .x-action-col-icon { cursor:pointer} /* .x-panel .x-grid-body{ border-width:0px !important;} */ .rumGridSkin .x-grid-group-hd .x-grid-cell-inner{ background:#acacac;padding:2px 0px 2px 10px;border-width:0px;} .rumGridSkin .x-grid-group-title{font-size:11px} .rumGridSkin .x-action-col-cell div{ text-align:center !important;} /* .gridSkin .x-action-col-cell div img{margin-top:3px} -- hidden for text and image alignment in grid row. - Jaiwin */ .rumGridSkin .x-column-header-sort-DESC .x-column-header-text{ background:url('../images/Light/grid_sort_down.png') right 0px no-repeat; } .rumGridSkin .x-column-header-sort-ASC .x-column-header-text{ background:url('../images/Light/grid_sort_top.png') right 0px no-repeat; } .rumGridSkin .x-grid-header-ct{ border-width:0px !important; background:#cdcdcd;} .x-grid-row .x-grid-cell{ font-size:12px; } .rumBreadCrumbHeader{ background: #f6f6f6; border-width:1px 1px 1px 1px !important; border-color:#afafaf !important; padding:2px 2px 2px 3px; font-weight:500; display:block; font-size:9px; height:18px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 1, 1, 0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 1, 1, 0.5); box-shadow: 0px 0px 5px 0px rgba(0, 1, 1, 0.5); } .rumBreadCrumbArrow{ font-weight:900; font-size:9px; color:#797979; } .rumBreadCrumbHeader a:hover{ text-decoration:underline; font-weight:500; } .jqstooltip { background-color: #bdbdbd !important; font-size: 8px !important; padding: 2px !important; color: #000 !important; overflow: hidden !important; text-align: center !important; border-color: #9d9b9b !important; /*max-width: 400px !important; max-height: 400px !important; min-width:35px !important; min-height: 20px !important; */ width:auto !important; height: auto !important; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); list-style-type:none !important } .rum_HIGH{ color:#cd0f0f } .rum_INTERMEDIATE{ color:#fa9d1c } .rum_LOW{ color:#ccc100 } .rum_GOOD{ color:#0c9a12 } .rum_UNKNOWN{ color:#30a1d9 } .rumVisitsText{ font-size:14px !important; font-weight:500; } /* rum data inner panel */ .rumErrorMsgText{ color:inherit; font-size:16px !important; text-align:center; } .rumGraphErrorMsgText{ color:inherit; font-size:13px !important; text-align:center; } .rumDataInnerpanel{ margin-bottom:15px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -ms-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; /*border:1px solid #444444 !important; jaiwin- removeShadow4 -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);*/ /*background:#2d2d2d*/ } .rumDataInnerpanel.x-panel-default-framed{ background:#fff; } .rumDataInnerpanel .gridSkin{ border-width:0px !important; } .rumDataInnerpanel div.x-panel-body{ /*background:#2d2d2d !important; border:1px solid #cdcdcd;*/ /*border-width:1px 0px 0px 0px; border-style:solid; border-color:#525252; padding:0px; margin:0px;*/ overflow:hidden !important; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .rumDataInnerpanel.x-panel-default-framed{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; /* border:#252525 1px solid; jaiwin- removeShadow5 -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);*/ } .rumDataInnerpanel .x-panel-body .block1 .x-panel-body{ border-width:0px !important;} .rumDataInnerpanel div.x-panel-header{ /*background: #282828 url("../images/Dark/datapanelHeaderBg.png") left bottom repeat-x !important;*/ border-bottom:1px solid #e3e3e3 !important; /*-moz-box-shadow: 0px 1px 0px #2f2f2f !important;*/ /* Firefox 3.6 and earlier */ /*-webkit-box-shadow: 0px 1px 0px #2f2f2f !important;*/ /* Safari and Chrome */ /*box-shadow:0px 1px 0px #2f2f2f !important;*/ padding:3px 0px 0px 0px; width:80%; /* border:1px solid #cdcdcd !important; */ text-transform:none !important; margin:0px; background:none !important; height:28px } .rumDataInnerpanel .x-panel-header-text-container{ padding:3px 5px 1px 0px; } .rumDataInnerpanel span.x-panel-header-text{ text-transform:uppercase; } .rumDataInnerHeaderBg{ text-transform:uppercase; padding:3px 0px 2px 0px; background:#fbfbfb; margin-right:-5px; } /*------rum error panel bg-----*/ /* rum data inner panel */ .rumErrorPanelBg{ margin-bottom:15px; /*border:1px solid #444444 !important; jaiwin- removeShadow4 -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);*/ background:#ffffff } .rumErrorPanelBg.x-panel-default-framed{ background:#fff; } .rumErrorPanelBg .gridSkin{ border-width:0px !important; } /*.rumErrorPanelBg .x-panel-body .x-panel-body-default { background:Red }*/ .rumErrorPanelBg div.x-panel-body{ background:#fbfbfb !important; border:0px solid #cdcdcd; /*border-width:1px 0px 0px 0px; border-style:solid; border-color:#525252; padding:0px; margin:0px;*/ } .rumErrorPanelBg .x-panel-body .block1 .x-panel-body{ border-width:0px !important;} .rumErrorPanelBg div.x-panel-header{ /*background: #282828 url("../images/Dark/datapanelHeaderBg.png") left bottom repeat-x !important;*/ background:#fff !important; border-bottom:1px solid #e3e3e3 !important; /*-moz-box-shadow: 0px 1px 0px #2f2f2f !important;*/ /* Firefox 3.6 and earlier */ /*-webkit-box-shadow: 0px 1px 0px #2f2f2f !important;*/ /* Safari and Chrome */ /*box-shadow:0px 1px 0px #2f2f2f !important;*/ padding:3px 10px 3px 0px; width:80%; /* border:1px solid #cdcdcd !important; */ font-size:12px; text-transform:none !important; margin:0px; /*background:none !important*/ } .rumErrorPanelBg .x-panel-header-text-container{ padding:3px 5px 1px 0px; } .rumErrorPanelBg span.x-panel-header-text{ font-size:12px; text-transform:none; } .rumDatapanel{ margin-bottom:15px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -ms-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; border:1px solid #dedede !important; /* jaiwin- removeShadow4*/ background:#fbfbfb;/*F*/ } .rumDatapanel.x-panel-default-framed{ background:#fff; } .rumDatapanel div.x-panel-body{ /*background:#fbfbfb;*/ /*border:1px solid #cdcdcd;*/ /*border-width:1px 0px 0px 0px; border-style:solid; border-color:#525252; padding:0px; margin:0px;*/ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .rumDatapanel.x-panel-default-framed{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; /* border:#252525 1px solid; jaiwin- removeShadow5 */ -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); } .rumDatapanel .x-panel-body .block1 .x-panel-body{ border-width:0px !important;} .rumDatapanel div.x-panel-header{ background: #f3f3f3 !important; border-width:0px 0px 1px 0px !important; border-color:#e7e7e7; padding:3px 10px 3px 10px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow:none; /* height:29px; border:1px solid #cdcdcd !important; font-size:12px; font-weight:500; color:#c6c6c6; margin:0px;*/ } .rumleft .rumDatapanel div.x-panel-header{ background: url("../images/Light/rum-datapanel.png") no-repeat 0 0 center !important; width:auto; height:29px; padding:0; margin:10px 0 0 10px } .rumRight .rumDatapanel div.x-panel-header{ background: url("../images/Light/rum-datapanel.png") no-repeat -39px -240px left !important; width:auto; height:29px; padding:0; margin:10px 0 0 10px } /*background: #fbfbfb !important; border-width:0px 0px 1px 0px !important; border-color:#d2d2d2 !important; }*/ .rumDatapanel .x-panel-header-text-container{ padding:3px 5px 1px 5px; } .rumDatapanel span.x-panel-header-text{ font-size:12px; font-weight:500; text-transform:none; } .rumSeparatorSmall{ /*width:2px !important; height:118px !important; border-color:#fff #414141 #fff #242424 !important;*/ border-right:1px solid #d6d6d6 !important; /*box-shadow:0 1px 0 #2e2e2e !important;*/ } .rumSeparatorSmall:first-child{/*F*/ margin-left:10%; } .rumSeparator{ width:2px !important; height:116px !important; /*border-color:#fff #414141 #fff #242424 !important;*/ border-right:1px solid #d6d6d6 !important; /*box-shadow:0 1px 0 #e6e6e6 !important; margin:9px 0px !important;*/ padding-left:0px!important; padding-right:0px!important; } .rumSeparatorInner{ width:2px !important; height:101px !important; /*border-color:#fff #414141 #fff #242424 !important;*/ border-right:1px solid #d6d6d6 !important; /*box-shadow:0 1px 0 #2e2e2e !important; margin:9px 0px !important;*/ padding-left:0px!important; padding-right:0px!important; } /*.rumDesktop,.rumMobile,.rumTablet{ background:url('../images/Dark/rum_Icons16.png') no-repeat top left !important; } .rumDesktop { background-position:0 0 !important; width:16px!important; height:16px!important; } .rumMobile { background-position:0 -20px !important; width:16px!important; height:16px!important; } .rumTablet { background-position:0 -40px !important; width:16px!important; height:16px!important; }*/ .rumButton.x-btn-default-small, .toolbar .button20 { background: none !important; border:0px solid #2e2e2e; padding:0px 0px 0px 0px; } .rumButton.x-btn button:active, .toolbar .rumButton button:active /* , .tabsetButton.x-btn-default-small.x-btn button:active */ { overflow:visible; padding:0px 0px 0px 0px;display:block;zoom: 1; margin-top:-1px\9; } .x-nbr .x-btn-default-small-pressed.x-btn em{ background:none !important; } .rumButton.x-btn-default-small.x-btn .x-btn-center .x-btn-inner, .toolbar .rumButton.x-btn .x-btn-center .x-btn-inner, .x-toolbar .rumButton.x-btn .x-btn-center .x-btn-inner, .rumButton.x-btn-default-toolbar-small.x-btn .x-btn-center .x-btn-inner { font-size: 10px; color: #0479e7; text-shadow:none !important; display:block; } .rumButton.x-btn-default-small.x-btn .x-btn-center .x-btn-inner, .toolbar .rumButton.x-btn .x-btn-center .x-btn-inner, .x-toolbar .rumButton.x-btn .x-btn-center .x-btn-inner, .rumButton.x-btn-default-toolbar-small.x-btn .x-btn-center .x-btn-inner { height:18px; line-height:21px !important; text-shadow:none !important; text-align:left !important; margin-left:-10px } .rumButton.x-btn-default-small.x-btn em, .toolbar .rumButton.x-btn em, .x-toolbar .rumButton.x-btn em { display:block; float:left; background: none !important; } .rumButton.x-btn-default-small.over, .toolbar .rumButton.over, .x-toolbar .rumButton.over { background:none !important; border:0px solid #2e2e2e; } .button20.x-btn-default-small.over em, .toolbar .button20.over em, .x-toolbar .button20.over em, .x-message-box .x-btn-default-small.over em, .x-datepicker-footer .x-btn-default-small.over em, .fileupload .x-btn-default-small.over em, .x-monthpicker-buttons .x-btn-default-small.over em { background:none !important; } .rumButton.x-btn-default-small-pressed, .rumButton.x-btn-default-small-pressed em, .rumButton.x-btn-default-small-pressed.x-btn .x-btn-center .x-btn-inner, .toolbar .rumButton.x-btn-default-small-pressed, .toolbar .rumButton.x-btn-default-small-pressed em, .toolbar .rumButton.x-btn-default-small-pressed.x-btn .x-btn-center .x-btn-inner, .x-toolbar .rumButton.x-btn-default-small-pressed, .x-toolbar .rumButton.x-btn-default-small-pressed em, .x-toolbar .rumButton.x-btn-default-small-pressed.x-btn .x-btn-center .x-btn-inner { background: none !important; border:0px solid #2e2e2e; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -ms-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; } .rumButton.x-btn-default-small.x-btn button, .toolbar .rumButton.x-btn button, .x-toolbar .rumButton.x-btn button { height:18px; line-height:21px; padding:0px 0px 0px 0px; } .rumButton.x-btn-default-small.x-btn.over .x-btn-center .x-btn-inner, .toolbar .rumButton.over .x-btn-center .x-btn-inner, .x-toolbar .rumButton.over .x-btn-center .x-btn-inner { background: none !important; } .rumButton.x-btn-default-small.x-btn-default-small-icon button, .rumButton.x-btn-default-small.x-btn-default-small-icon a, .rumButton.x-btn-default-small.x-btn-default-small-icon .x-btn-inner, .rumButton.x-btn-default-small.x-btn-default-small .x-btn-default-small-noicon button, .rumButton.x-btn-default-small.x-btn-default-small-noicon a, .rumButton.x-btn-default-small.x-btn-default-small-noicon .x-btn-inner { height:18px; line-height:21px; } .rumFieldset .x-fieldset{ border:#e3e3e3 1px solid !important; background:#fff !important; /* jaiwin- removeShadow17*/ -webkit-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35) !important; -moz-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35) !important; box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35) !important; } .rumFieldset .x-fieldset-header .x-fieldset-header-text{ font-size: 12px !important; border:none !important; font-weight:500; /* text-transform:uppercase; */ background:#fff !important; } /*.rumButton, div.rumButton { width:80px !important; height:20px !important; font-weight:500; font-size:10px; color:#0479e7 !important }*/ .rumPlus{ background : url('../images/Light/eG_Icons.png') no-repeat top left !important; background-position: -44px -1163px !important; width: 8px !important; height: 8px !important; margin-top:4px } .rumMinus{ background : url('../images/Light/eG_Icons.png') no-repeat top left !important; background-position: -44px -1143px !important; width: 8px !important; height: 8px !important; margin-top:4px } .rumArrowDown{ background : url('../images/Light/eG_Icons.png') no-repeat top left !important; background-position: 0 -960px !important; width: 16px !important; height: 16px !important; } .rumArrowUp{ background : url('../images/Light/eG_Icons.png') no-repeat top left !important; background-position: 0 -980px !important; width: 16px !important; height: 16px !important; } /*.x-btn-icon-text-left .x-btn-icon { background:none !important; background:center bottom !important }*/ .rumPanel{ background:#ffffff } .rumHeaderText { font-size:13px;/*F*/ color:#000; text-transform:capitalize !important; text-align:left; white-space:nowrap;/*F*/ line-height:21px;/*F*/ font-weight:500;/*F*/ text-align: center;/*F*/ padding-left: 1px;/*F*/ overflow: hidden;/*F*/ -o-text-overflow: ellipsis;/*F*/ text-overflow: ellipsis;/*F*/ } .rumHeaderText div, .rumHeaderText span{/*F*/ text-align: center;/*F*/ padding-left: 1px;/*F*/ overflow: hidden;/*F*/ -o-text-overflow: ellipsis;/*F*/ text-overflow: ellipsis;/*F*/ white-space: nowrap; } .rumValues { font-size:11px; color:#000; display:block; text-align:center; width:100%; } .rumValuesBig { font-size:32px; display:block; padding:0px 0px 0px 0;/*F*/ text-align:center;; float:none; font-weight: 400;/*F*/ } .rumSubheadSublevel, .rumSubheadSublevel.x-form-item-label { font-size:11px; font-weight:normal !important; color:#000; } .rumSublevelBorder { border-bottom:0px solid #e7e7e7; font-weight:normal !important; margin:0 30px 0 30px } .rumSubheadSubTextBold { font-size:12px; font-weight:500; color:#000; } .rumInnerBox { border-right:1px solid #c4c4c4; /*border-right:1px solid #e7e7e7; height:80px;*/ } .rumMoreBox { border-right:1px solid #c4c4c4; /*border-right:1px solid #e7e7e7;*/ } .rumLegendTextBold { font-size:13px; font-weight:500; color:#9e9e9e; } .rumPopupText { font-size:15px; color:#bebebe; font-weight:500; } .rumPopupSubText { font-size:11px; /*color:#cbcbcb;*/ color:#9e9e9e !important; font-weight:normal; } .rumPopupSubValue { font-size:14px; color:#707070; font-weight:500; } .rumErrorPanelBg{ background-color:#fbfbfb !important; } /* rum Statecolor Checkbox - ----------31-5-2016*/ .geo_chkbt_INTERMEDIATE .x-form-item-body{ padding-left:2px; } .geo_chkbt_INTERMEDIATE .x-form-checkbox{width:16px;height:16px;} .geo_chkbt_INTERMEDIATE.x-form-cb-checked .x-form-item-body .x-form-checkbox { background-image: url ("../images/Light/geomap-icons.png"); background-position:-48px -16px !important; } .geo_chkbt_INTERMEDIATE .x-form-item-body .x-form-checkbox { background-image: url("../images/Light/geomap-icons.png"); background-position:-48px 0; } .geo_chkbt_GOOD .x-form-item-body{ padding-left:2px; } .geo_chkbt_GOOD .x-form-checkbox{width:16px;height:16px;} .geo_chkbt_GOOD.x-form-cb-checked .x-form-item-body .x-form-checkbox { background-image: url ("../images/Light/geomap-icons.png"); background-position:0 -16px !important; } .geo_chkbt_GOOD .x-form-item-body .x-form-checkbox { background-image: url("../images/Light/geomap-icons.png"); background-position:0 0 !important; } .geo_chkbt_HIGH .x-form-item-body{ padding-left:2px; } .geo_chkbt_HIGH .x-form-checkbox{width:16px;height:16px;} .geo_chkbt_HIGH.x-form-cb-checked .x-form-item-body .x-form-checkbox { background-image: url ("../images/Light/geomap-icons.png"); background-position:-64px -16px !important; } .geo_chkbt_HIGH .x-form-item-body .x-form-checkbox { background-image: url("../images/Light/geomap-icons.png"); background-position:-64px 0; } .geo_chkbt_LOW .x-form-item-body{ padding-left:2px; } .geo_chkbt_LOW .x-form-checkbox{width:16px;height:16px;} .geo_chkbt_LOW.x-form-cb-checked .x-form-item-body .x-form-checkbox { background-image: url ("../images/Light/geomap-icons.png"); background-position:-32px -16px !important; } .geo_chkbt_LOW .x-form-item-body .x-form-checkbox { background-image: url("../images/Light/geomap-icons.png"); background-position:-32px 0; } .geo_chkbt_UNKNOWN .x-form-item-body{ padding-left:2px; } .geo_chkbt_UNKNOWN .x-form-checkbox{width:16px;height:16px;} .geo_chkbt_UNKNOWN.x-form-cb-checked .x-form-item-body .x-form-checkbox { background-image: url ("../images/Light/geomap-icons.png"); background-position:-16px -16px !important; } .geo_chkbt_UNKNOWN .x-form-item-body .x-form-checkbox { background-image: url("../images/Light/geomap-icons.png"); background-position:-16px 0; } .geo_chkbt_GRAY .x-form-item-body{ padding-left:0px; } .geo_chkbt_GRAY .x-form-checkbox{width:16px;height:16px;} .geo_chkbt_GRAY.x-form-cb-checked .x-form-item-body .x-form-checkbox { background-image: url ("../images/Light/geomap-icons.png"); background-position:-121px -18px !important; } .geo_chkbt_GRAY .x-form-item-body .x-form-checkbox { background-image: url("../images/Light/geomap-icons.png"); background-position:-121px -18px !important; } /*.checkbt .x-form-cb-wrap{ padding-top:0px !important; } .checkbt .x-form-cb-focus { background-position:0px -17px; }*/ /*rum checkbox-------------------*/ .mainSquareDiv{ width:80px !important; height:100px; background-color:none; border:0px solid #e2e2e2; margin:0px 5px 0px 0px; /*margin-top:-10px;*/ float:left; } .mainSquareDiv .satisfiedDiv{ width:6px; height:6px; background-color:#0c9a12; border:0px solid #93db03; margin:1px; float:left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .mainSquareDiv .toleratingDiv{ width:6px; height:6px; background-color:#fa9d1c; border:0px solid #e7d205; margin:1px; float:left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .mainSquareDiv .frustratedDiv{ width:6px; height:6px; background-color:#cd0f0f; border:0px solid #fb3931; margin:1px; float:left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .mainSquareDiv .desktopDiv{ width:6px; height:6px; background-color:#60bd68; border:1px solid #57b25f; margin:1px; float:left; } .mainSquareDiv .mobileDiv{ width:6px; height:6px; background-color:#3e6abb; border:1px solid #3b65b1; margin:1px; float:left; } .mainSquareDiv .tabletDiv{ width:6px; height:6px; background-color:#f25454; border:1px solid #de4949; margin:1px; float:left; } .mainSquareDiv .notrafficDiv{ width:6px; height:6px; background-color:#ebebeb; border:0px solid #dbd2d2; margin:1px; float:left; } .report-desktop{color:#60bd68} .report-mobile{color:#f25454} .report-tablet{color:#3e6abb} .report-tripple-data {padding:0;float:left} .report-tripple-data li{list-style-type:none;display:table;float:none;margin-bottom:5px;padding-bottom:12px;height:27px} .report-tripple-data .report-number-medium{text-align:right;float:left;margin-right:1px;width:56px;}/* margin-right:10px */ .report-tripple-data .report-text-medium{margin-top:2px;font-size:12px;margin-right:1px;line-height:.9em;text-transform:capitalize;float:left} .report-tripple-data .report-text-medium-nofloat{margin-top:2px;font-size:12px;margin-right:1px;line-height:.9em;text-transform:capitalize;float:left} .report-tripple-data .report-tripple-data-sub{float:left} .report-number-medium{font-size:15px;font-weight:500;} .report-number-small{color:#3f3f3f;font-size:11px;float:left;margin-top:3px} /*.report-good{color:#90dc00} .report-neutral{color:#fecb48} .report-bad{color:#fd4c46}*/ .report-good{color:#0c9a12} .report-neutral{color:#fa9d1c} .report-bad{color:#cd0f0f} .report-tripple-data .li_triple_data span{font-size:12px;text-transform: captialize;} .report-tripple-data .li_triple_data span.percentage{} .report-tripple-data .li_triple_data span em{padding:0 4px;} .toolbarBg{background-color:#fbfbfb !important;} .fontNormalText{text-transform:none !important;} #componentsDropDown-inputEl.x-form-text { border-color: #abb2bd; border-style: solid; border-width: 1px 0 1px 1px; padding-left: 24px; padding-bottom: 0px; color: #000; font-weight: normal; height: 22px; line-height: 1.6em; background-color:#fff; } #componentsDropDown-inputEl.x-form-text.state_HIGH{ background-image:url('../images/Light/state_component_combo_HIGH.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #componentsDropDown-inputEl.x-form-text.state_INTERMEDIATE { background-image:url('../images/Light/state_component_combo_INTERMEDIATE.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #componentsDropDown-inputEl.x-form-text.state_LOW { background-image:url('../images/Light/state_component_combo_LOW.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #componentsDropDown-inputEl.x-form-text.state_UNKNOWN{ background-image:url('../images/Light/state_component_combo_UNKNOWN.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #componentsDropDown-inputEl.x-form-text.state_GOOD{ background-image:url('../images/Light/state_component_combo_GOOD.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #componentsDropDown-inputEl.x-form-text.state_GRAY{ background-image:url('../images/Light/state_component_combo_GRAY.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #componentsDropDown .x-form-trigger{ background: url("../images/Light/form_input_buttons.png") no-repeat scroll 4px 2px #fff; border-color:#abb2bd; border-style:solid; border-width:1px 1px 1px 0px; height:22px !important; } /*----------------Virtual Components state icon-----12/6/2017 Vijay----------------*/ /* Bug Id - 14304 - style start here - Vijay */ #compName-inputEl.x-form-text { border-color: #abb2bd; border-style: solid; border-width: 1px 0 1px 1px; padding-left: 24px; padding-bottom: 0px; color: #000; font-weight: normal; height: 21px; line-height: 1.6em; background-color:#fff; } #compName-inputEl.x-form-text.state_HIGH{ background-image:url('../images/Light/state_component_combo_HIGH.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #compName-inputEl.x-form-text.state_INTERMEDIATE { background-image:url('../images/Light/state_component_combo_INTERMEDIATE.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #compName-inputEl.x-form-text.state_LOW { background-image:url('../images/Light/state_component_combo_LOW.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #compName-inputEl.x-form-text.state_UNKNOWN{ background-image:url('../images/Light/state_component_combo_UNKNOWN.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #compName-inputEl.x-form-text.state_GOOD{ background-image:url('../images/Light/state_component_combo_GOOD.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #compName-inputEl.x-form-text.state_GRAY{ background-image:url('../images/Light/state_component_combo_GRAY.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } /* Bug Id - 14304 - style end here - Vijay */ /*--layerModel image NameCombo starts--*/ #componentNameCombo-inputEl.x-form-text.state_HIGH { background-image:url('../images/Light/state_component_combo_HIGH.png'); background-repeat:no-repeat; background-position:4px 2px!important; padding-left:25px; } #componentNameCombo-inputEl.x-form-text.state_INTERMEDIATE{ background-image:url('../images/Light/state_component_combo_INTERMEDIATE.png'); background-repeat:no-repeat; background-position:4px 2px!important; padding-left:25px; } #componentNameCombo-inputEl.x-form-text.state_LOW { background-image:url('../images/Light/state_component_combo_LOW.png'); background-repeat:no-repeat; background-position:4px 2px!important; padding-left:25px; } #componentNameCombo-inputEl.x-form-text.state_UNKNOWN { background-image:url('../images/Light/state_component_combo_UNKNOWN.png'); background-repeat:no-repeat; background-position:4px 2px!important; padding-left:25px; } #componentNameCombo-inputEl.x-form-text.state_GOOD { background-image:url('../images/Light/state_component_combo_GOOD.png'); background-repeat:no-repeat; background-position:4px 2px!important; padding-left:25px; } #componentNameCombo-inputEl.x-form-text.state_GRAY { background-image:url('../images/Light/state_component_combo_GRAY.png'); background-repeat:no-repeat; background-position:4px 2px!important; padding-left:25px; } /*--layerModel image NameCombo ends--*/ /*for combo checkbox*/ .x-combo-checker { background-position: 50% -2px; margin-left: 1px; background-color: transparent; background-image: url("../images/Light/checkbox_new.png"); background-position: 0px -2px; background-repeat: no-repeat; height: 14px; width: 14px; display: inline-block; } .x-boundlist-selected .x-combo-checker { background-position:0px -21px!important; } .x-panel-header-text { user-select: text; -o-user-select: text; -ms-user-select: text; -moz-user-select: text; -webkit-user-select: text; cursor: default; white-space: nowrap; } /* Reporter CompareTestsApp Styles Start Here */ .compReportSelectionBoxOuter{ border:1px solid #d2d2d2; background-color:#ffffff; display:inline-block; } .compReportSelectionText{ padding:5px; font-weight:500; font-size:12px;line-height:1.5em; float:left; width:80%; } .compReportSelectionIcon{ padding:6px 8px 6px 8px; background-color:#fafafa; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:1px; border-style:solid; border-color:#d2d2d2; float:right; width:32px; } .compReportSelectionSeparator{ /* background:url("/final/images/Light/iconSeperatorCompareTest.png") repeat-y 0px 0px transparent !important; */ border-left:1px solid #cccccc; } .formOuter .x-panel-header.compReportDefineConfig, .compReportDefineConfig .x-panel-header-default-framed, .compReportDefineConfig { background: #535353; border:0px; } .compReportDefineConfig .x-panel-header, .compReportDefineConfig .x-panel-header-text{ line-height:1.5em; font-size: 12px !important; font-weight:500; } .compReportDefineConfigContainer{ background:#ffffff !important; border:1px solid #d2d2d2; margin:4px 10px 4px 10px; padding:0px; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -khtml-border-radius:0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; } .compReportDefineConfigEditSelectionBottomBorder{ width:100%; padding:0 0 2 0; /* background: url("/final/images/Light/compReportDefineConfigEditSelectionBottomBorder.png") repeat-x left bottom; */ border-bottom:1px solid #cccccc; } .compareTestTable{ background:#ffffff; width:100%; } .compareTestTable td:nth-child(odd){ width:50%; background-color:#d9d9d9; } .compareTestTable td:nth-child(even){ width:50%; background:#949494 url("/final/images/Light/compareTestGraphBgLeftGradient.png")0px 0px repeat-y !important; } .compareTestTable td:nth-child(odd).header{ line-height:1.5em; font-size: 12px; font-weight:500; padding:10px 6px 5px 8px; } .compareTestTable td:nth-child(even).header{ line-height:1.5em; font-size: 12px; font-weight:500; color: #ffffff; padding:10px 8px 5px 14px; } .compareTestTable td .mainDiv{ display:inline-block; background:#ffffff; border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; -khtml-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; -webkit-border-radius:0px 0px 0px 0px; overflow:visible; border:1px solid #f6f6f6; -webkit-box-shadow: 0px 0px 5px 0px rgba(70,70,70,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(70,70,70,0.75); box-shadow: 0px 0px 5px 0px rgba(70,70,70,0.75); width:100%; } .compareTestTable .mainDiv .compareTestTableHeader { width:100%; display:inline-block; background: #f6f6f6; border-width: 0px 0px 1px 0px !important; border-color: #adadad; padding: 4px 10px 2px 10px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow: none; line-height:1.5em; font-size: 12px; font-weight:500; } .compareTestTable .mainDiv .compareTestTableHeader .compareTestTableHeaderIconSeperator{ width: 2px; height: 14px; background: url("../images/Light/iconSeperatorInnerPanel.png") repeat left top transparent !important; margin: 0px 5px; float:right; border: none !important; } .compareTestTableHeaderIconSeperator{ width: 2px; height: 14px; background: url("../images/Light/iconSeperatorInnerPanel.png") repeat left top transparent !important; margin: 0px 5px; float:right; border: none !important; } .compareTestTable .compareTestTableBody{ background: #ffffff !important; border-color: #adadad #d1d1d1 #d1d1d1 #d1d1d1; border-width: 1px 0px 0px 0px; border-style: solid; height:225px; padding:10px; } .compareTestTable .compareTestTableBody .highcharts-container, .compareTestTable .compareTestTableBody .highcharts-container svg { width:100% !important; } .compareTestTable .compareTestTableBody table, .compareTestTable .compareTestTableBody table td{ background: #ffffff; } .iconClose{ background: url("../images/Light/iconClose.png") no-repeat left top transparent !important; width:16px; height:16px; } /* Reporter CompareTestsApp Styles End Here */ .cellmodel_single .x-grid-table {} .cellmodel_single .x-grid-table .x-grid-cell-inner:hover{background:#9bd4fb;} /*--- D3JS Topology Service, Segment pages CSS Start*---*/ svg { overflow: hidden; } .g_node{cursor:pointer} text.label { font-size: 18px; paint-order: stroke; stroke: #000000; stroke-width:2px; stroke-linecap: butt; stroke-linejoin: miter; font-weight: 800; text-anchor:middle; alignment-baseline:middle; } .node { stroke: #fff; stroke-width: 1.5px; cursor:move; } .patch{ fill:#ffffff; } .markermid{ stroke: #319dff; fill:none; } .defalutArrow,.changeColor{ fill:none; } .link { stroke: #909090; fill:none; } .draglink{ stroke: #a72d4f; fill:none; } .plink{ stroke: red; stroke-dasharray: 4; -webkit-transition: -webkit-transform .6s ease-out; transition: transform .6s ease-out; } .slider{ position: fixed; left: 10px; top: 10px; z-index:9; } .searchbox{ position: fixed; top: 10px; width:60px; right: 0; } .stateIcon {cursor:pointer} .x-tip.d3popup .headertable{display:none;} text.componentname{ font-size: 8px;/*F*/ font-weight:400;/*F*/ padding:2; } text.componenttype{ font-size: 9px;/*F*/ font-weight:500;/*F*/ padding:2; } text.componenttype_stroke { alpha: 0; font-size: 10px; stroke: #ffffff; stroke-width: 4px; fill: #FFFFFF ; font-weight:500; fill-opacity: 1; } text.componentname_stroke { alpha: 0; font-size: 9px; stroke: #ffffff; stroke-width: 4px; font-weight: 500; fill-opacity: 1; } text.componentnameadmin{ font-size: 9px;/*j*/ font-weight:500;/*j*/ padding:2; } text.componenttypeadmin{ font-size: 8px;/*j*/ font-weight:400;/*j*/ padding:2; } text.componenttypeadmin_stroke { alpha: 0; font-size: 9px; stroke: #ffffff; stroke-width: 4px; fill: #FFFFFF ; font-weight:500; fill-opacity: 1; } text.componentnameadmin_stroke { alpha: 0; font-size: 9px; stroke: #ffffff; stroke-width: 4px; font-weight: 500; fill-opacity: 1; } path.markerpath , path.marker_only { fill: none; stroke: red; stroke-opacity: 0; stroke-width: 1.5px; } .linestateiconpatch{ fill:#ffffff; } /*jquery silder*/ ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius:0px; } .ui-widget-header { border: 1px solid #33a4ce; background: #33a4ce; font-weight:500; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #919191; background: #ffffff; font-weight: normal; color: #555555; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 14px; left:-4px; height: 9px; cursor: default; -ms-touch-action: none; touch-action: none; } */ .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 16px; left:-4px; height: 9px; text-align:center; line-height:9px; cursor: default; background:url("/final/images/Light/sliderhandler_bg.png") no-repeat center center #fff; -ms-touch-action: none; touch-action: none; } #search{ background: #fff; border-color: #abb2bd; border-style: solid; border-width:0px; padding-left: 6px; padding-bottom: 1px; color: #000; font-weight: normal; height: 18px; line-height: 1.6em; } .searchstroke{ border:#d5d5d5 1px solid; background:#fff; width:164px; height:21px; } #searchnode{ background: url(/final/images/Light/search-dark.png) no-repeat 3px 3px #fff; width:20px; height:16px; border:0px; position:absolute; left:142px; top:1px; cursor:pointer; } .ui-widget-content { border:solid #b4b4b4; border-width:0px 1px; background: #ffffff; color: #222222; margin-top:90px; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; } .ui-menu .ui-menu-item a{display:block;padding:0px 5px;font-size:11px;border:0px none solid;background:none;padding:0px;} .ui-menu .ui-menu-item{ border:0px none solid; padding:3px 5px; } .ui-menu .ui-menu-item:hover{ background:#33a4ce; color:#fff; } .ui-menu .ui-menu-item:hover a{ border:0px none solid; } .ui-menu .ui-menu-item a:hover{ background:#33a4ce; border:0px none solid; color:#fff; } #searchcom{ top:-3px; } .toposearch{ float:left; margin-right:10px; cursor:pointer; } #fit{ border:0px; cursor:pointer; float:left; } .loaderTopo{ position:absolute; width:100%; height:100%; z-index:999; background:#fff; left:0; right:0; margin:0; top:0; bottom:0; } div.tooltip { position: absolute; text-align: center; padding:4px 8px; color:#fff; background: #000000; border: 0px; border-radius:3px; /* pointer-events: none; This line needs to be removed */ } div.tooltipx { position: absolute; text-align: center; color:#494949; text-align:left; background-color:rgba(252, 252, 252, 0.9); border-radius:2px; border:#c8c8c8 1px solid; /* pointer-events: none; This line needs to be removed */ } div.tooltipx span{ vertical-align:middle; } .healthSatate{ padding:5px; font-size:0px; border-radius:15px; } .tooltiptitle{ margin:10px 10px 0px 10px; padding:0px 0px 10px 0px; border-bottom:1px solid #c8c8c8; } .tooltipcontent{ margin:0px 10px 10px 10px; text-align:left; } .tooltiptitle:after { content: ""; display: table; clear: both; } .tfl{float:left;padding-right:10px} .tfr{float:right;padding-left:10px} .btmslider.ui-slider-vertical{ height:85px; width:8px; } span.slider_tooltip { text-align: center; padding:1px 0px; border: 0px; color:#6e6e6e; border-radius:3px; /* pointer-events: none; This line needs to be removed */ } /*V*/ /*-------Citrix dashboard----27-6-2019---*/ .slider_buttons{ margin-top:80px; position:fixed; top:7px; left:10px; /*height:105px;width:8px;*/ z-index:1; height:130px; width:11px ;/*V*/ border-color:#b4b4b4; border-width:0px 1px; border-style:solid; background:#fff; } /*V*//*-------Citrix dashboard----27-6-2019---*/ .userNode{display:none} .Theader{ padding:10px; position:fixed; /* background-color:rgba(255, 255, 255, 0.6) topology header bg mismatch issue - Dinesh 24 july 2018*/ background-color:transparent; } .t_titlefont { font-weight:500; font-size:12px; } .zoomtop{ top: -7px; left: -7px; position:absolute; cursor:pointer; } .zoombottom{ bottom: -7px; left: -7px; position:absolute; cursor:pointer; } .text_stroke{ alpha: 0; stroke: #ffffff; stroke-width: 8px; /* font-family:"-webkit-body"; */ font-weight:500; fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; } #topologyView-body { border-color: #b0b0b0 !important; border-width:1px 0px 0px 0px !important; border-style:solid!important; } .transition_msg_call,.transition_msg{ color:#636363; fill:#636363; } .btmslider { left: 14px; top: 38px; } .btmslider .slider_buttons { margin-top: 80px; position: fixed; top: 7px; left: 10px; z-index: 1; height: 110px; width: 10px; border-color: #b4b4b4; border-width: 0px 1px; border-style: solid; background: #fff; } .btmuserdata{ font-size:11px;color:#494949;width:100%;} .btmuserdata{border:1px solid #c8c8c8;padding:2px 4px 2px 4px;} .btmuserdata td{border:1px solid #c8c8c8;padding:2px 4px 2px 4px;font-size:11px; } .btmuserdata th{border:1px solid #c8c8c8;padding:5px 4px 5px 4px;font-weight:500;} .grp_items{ fill:#fff; stroke-width:0.5; stroke:#d7d7d7; } .inner_grp .grp_items{ fill:#f6f6f6; stroke-width:0.5; stroke:#d7d7d7; } .grp_componenetLabel{ fill:#ffffff; stroke-width:0.5; stroke:#d7d7d7; } .grp_componenetLabel.hidden{ display:none; } .componenttype.group{ font-size:9px } .componenetlabel{ font-size:8px } .grp_list{ fill:#ffffff; stroke-width:0.5; stroke:#d7d7d7; } .panging_grp_items{ fill:#eaeaea; stroke-width:0.5; stroke:#d7d7d7; } .listitems:hover .grp_list{ fill:#f6f6f6; } .pagingText, .listitems text{ fill:#000; } .pagingText{ font-size:7px; font-weight:400; } /*--- D3JS Topology Service, Segment pages CSS End here ------*/ /*-- new toggle button for user profile*/ .swBt{ width:71px; height:24px; } .swBt button .x-btn-inner{ padding:0px 8px 0px 8px !important; text-align:right; text-transform: uppercase; font-size: 11px; color:#1a1a1a; } .swBt.x-pressed button .x-btn-inner{ color: #0A0909; } .swBt button .switchMe{ border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; height: 17px; margin-top:1px; background: #8F8F8F !important; } .swBt.x-btn-default-small{ -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; padding: 2px 2px 2px 2px; border-width: 1px; border-style: solid; background-image: none; background-color:#E8E8E8; border-color:#cccccc; left: 17px !important; } .swBt.x-pressed{ background-color: #6C6C6C; } .x-btn-default-small .x-btn-inner{ color: #1a1a1a ; } .swBt.x-pressed button .x-btn-inner{ color: #FFFFFF; } /* VM Capacity And Cpu App - Reporter page styles Start here */ /*-- innerPanel styles start here --*/ .vmCapacityInnerpanel{} .vmCapacityInnerpanel .x-panel-header, .vmCapacityInnerpanel .x-panel-header-default{ background: #fbfbfb; /* Old browsers */ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow:none; border-width: 1px 1px 0px 1px !important; border-top-color:#e3e3e3 !important; border-right-color:#e3e3e3 !important; border-bottom-color:#e3e3e3 !important; border-left-color:#e3e3e3 !important; border-style:solid; } .vmCapacityInnerpanel .x-panel-header-text-container{ padding:6px 5px 5px 5px; } .vmCapacityInnerpanel .x-panel-header-text{ font-size:13px; text-transform:none; } .vmCapacityInnerpanel .x-panel-body{ background:#ffffff; border:1px solid #e3e3e3; padding:0px; margin:0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .vmCapacityInnerpanel.x-panel-default-framed{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .vmCapacityPlanningSummaryTable{ border:1px solid #e1e1e1; background-color:#f0f0f0; box-sizing: border-box; /* box-shadow: 1px 1px 2px -1px #474849; -webkit-box-shadow: 1px 1px 2px -1px #474849; -moz-box-shadow: 1px 1px 2px -1px #474849; -o-box-shadow: 1px 1px 2px -1px #474849; */ } .vmCapacityPlanningSummaryTable table tr td{ border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-right-color:#e3e3e3; border-right-style:solid; padding:20px; text-align:center; } .vmCapacityPlanningSummaryTable table tr td.highlight{ border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-right-color:#e3e3e3; border-right-style:solid; background-color:#27afa7; text-align:center; color:#ffffff; } .vmCapacityPlanningSummaryDataTable{ width:100%; border: 1px solid #cdcdcd; border-collapse: collapse; } .vmCapacityPlanningSummaryDataTable thead tr{ background-color:#e6e6e6; } .vmCapacityPlanningSummaryDataTable thead tr th{ border: 1px solid #cdcdcd; padding:12px 10px 8px 10px; font-size:11px; text-align:center; vertical-align:middle; text-transform:uppercase; } .vmCapacityPlanningSummaryDataTable thead tr th.subHead{ background-color:f5f5f5; } .vmCapacityPlanningSummaryDataTable tbody tr.oneTwo{ background-color:#ffffff; } .vmCapacityPlanningSummaryDataTable tbody tr.oneTwo td{ border: 1px solid #cdcdcd; padding:6px 10px 3px 10px; font-size:11px; text-align:center; vertical-align:middle; } .vmCapacityPlanningSummaryDataTable tbody tr.threeFour{ background-color:#f9f9f9; } .vmCapacityPlanningSummaryDataTable tbody tr.threeFour td{ border: 1px solid #cdcdcd; padding:6px 10px 3px 10px; font-size:11px; text-align:center; vertical-align:middle; } /* VM Capacity And Cpu App - Reporter page styles End here */ /* style for layermodel popup composite header start here */ .compositeHeader { border-top-color: #828282 !important; border-right-color: #828282 !important; border-bottom-color: #828282 !important; border-left-color: #828282 !important; border-width: 1px 1px 1px 1px !important; background-color: #828282 !important; height: 25px; color: white; font-size: 12px; font-weight:500; } .compositeTableBodyBg{ background-color:#f0f0f0; } /* style for layermodel popup composite header end here */ /*MyDashboard Network Health - styles */ #network_fieldset_offline { background: #ededed; border: #e3e3e3 1px solid; } #network_fieldset_offline .x-fieldset-header .x-fieldset-header-text{ background-color: #ededed; } #network_fieldset_online { background: #ededed; border: #e3e3e3 1px solid; } #network_fieldset_online .x-fieldset-header .x-fieldset-header-text{ background-color: #ededed; } #network_fieldset_maintenance { background: #ededed; border: #e3e3e3 1px solid; } #network_fieldset_maintenance .x-fieldset-header .x-fieldset-header-text{ background-color: #ededed; } .networkHealthStateHighlight{ border:1px solid #e3e3e3; } .networkHealthStateHighlightTrans{ border:1px solid transparent; } .lightbox .x-mask{ background:#000 !important; filter:alpha(opacity=90) !important; opacity:.9 !important; } /* Reporter User Logon Performance GRID HEADER */ .gridSkin.textHeader .x-column-header-inner .x-column-header-text { white-space: normal; font-size: 11px; line-height:11px; text-transform:none !important; } .gridSkin.textHeader .x-column-header-inner { line-height: normal; padding-top: 3px !important; padding-bottom: 3px !important; text-align: center; top: 20%; } /* Reporter User Logon Performance GRID HEADER End Here */ iframe#assertPopup{ height:100% !important; } .moreDetails.x-btn-default-small.x-btn.x-btn-center.x-btn-inner, .moreDetails.x-btn-default-small .x-btn-inner{ color:#01a6f6 !important; background:none !important; font-size: 11px; text-shadow: none !important; display: block; } .moreDetailsHeader.x-window-header-default{ color:#ffffff; font-weight:500; font-size:16px; } /* Alarm page config popup*/ .configBodyBg{ background:#646464 !important } .popupArrow{ background:url("../images/Light/config-arrow-up.png") no-repeat left top transparent; width: 12px; height: 6px; position:relative; z-index:9999; } .configHeaderBg{background:#fff;} .configPopfont { font-weight:500; font-size:14px; padding:7px 0 5px 0px; color:#1a1a1a; /*text-transform:uppercase;*/ border-bottom:0px solid #4e4e4e; /*background:#ffffff;*/ } /*----config popup height issue-----------*/ .configHeaderTable{ width:98% } .configPopBorder{ border:1px solid #d3d3d3; margin:3px 30px 10px 55px; padding-bottom:8px; /*padding-right:10px*/ } #historysummary .configPopBorder{ border:1px solid #d3d3d3; margin:8px 30px 10px 27px; padding-bottom:8px } .configPopBg{ background-color:#ffffff; padding-bottom:0px; /*V*/ } .configPopInnerBg{ background-color:#757575; margin:7px 10px 10px 10px; padding:3px 3px 6px 3px; border:1px solid #3c3c3c } #historysummary a.configLink:active, #historysummary a.configLink:link, #historysummary a.configLink:visited{ /*color:#5fcaf4 !important;*/ color:#1a1a1a !important; font-size:11px !important/*V*/; left:-13px; position:relative } a.configLink:active, a.configLink:link, a.configLink:visited{ /*color:#5fcaf4 !important;*/ color:#1a1a1a !important; font-size:11px !important/*V*/ } a.configLink:hover{ /*color:#5fcaf4 !important;*/ color:#1a1a1a !important; font-size:11px !important;/*V*/ text-decoration:underline } .configPopupWindow { z-Index:9999; position:fixed; margin-top:10px; /*background:#585858;*/ background:#292929 !important; /*border-color:#333333; border-width:1px 1px 1px 1px; border-style:solid;*/ border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -khtml-border-radius:0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; overflow:visible; border:0px solid #e3e3e3; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } .configPopupWindow .configPopfont{ background:#292929 !important; color:#ffffff; } .configPopupWindow a.configLink,.configPopupWindow a.configLink:hover{ color:#ffffff !important; } .configPopupWindow .configPopupWindow_inner{ border: 1px solid #292929; margin: 0px; padding: 0px; background: #fff; } .configPopupWindow .configPopupArrow{ /*background:url("../images/Light/config-arrow-up.png") no-repeat left top transparent; width: 12px; height: 6px; position:relative; z-index:9999;*/ width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; position: relative; border-color: transparent transparent #292929 transparent; } .configPopupWindow_inner { border:0px solid #d2d2d2; margin:0px; padding:0px; background:#585858; } /*----component list page --15/09/2022---*/ a.complist_configLink:active, a.complist_configLink:link, a.complist_configLink:visited{ /*color:#5fcaf4 !important;*/ color:#ffffff !important; font-size:11px !important/*V*/ } a.complist_configLink:hover{ /*color:#5fcaf4 !important;*/ color:#ffffff !important; font-size:11px !important;/*V*/ text-decoration:underline } .complist_configPopupWindow { z-Index:9999; position:fixed; margin-top:10px; background:#292929; /*border-color:#333333; border-width:1px 1px 1px 1px; border-style:solid;*/ border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -khtml-border-radius:0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; overflow:visible; border:0px solid #e3e3e3; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } .complist_configPopupWindow .configPopupArrow{ background:url("../images/Light/config-arrow-up.png") no-repeat left top transparent; width: 12px; height: 6px; position:relative; z-index:9999; } .complist_configPopupWindow_inner { border:1px solid #292929; margin:0px; padding:0px; background:#fff; } .complist_configPopfont { font-weight:500; font-size:14px; padding:7px 0 5px 10px; color:#ffffff; /*text-transform:uppercase;*/ border-bottom:0px solid #4e4e4e; background:#292929; } /*----component list page -----------*/ #componentlist #configContainer #configDataPanel-body{ background:#fff; border:2px solid red } .configSeparator{ background:url("../images/Light/config_separator.png") repeat left top transparent !important; width:2px; height:15px; float:right } /* list page table layout 2-11-2015*/ .table-list-layout td{/*f*/ vertical-align:middle!important; padding:10px 10px; } .table-list-layout:nth-child(odd){ background:#ffffff; border-bottom:1px solid #cdcdcd !important;/*f*/ border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -khtml-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; } .table-list-layout:nth-child(even){ background:#f9f9f9;/*f*/ border-bottom:1px solid #cdcdcd !important;/*f*/ border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -khtml-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; } .table-list-layout:nth-last-child(1){ border-left-width:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:1px; border-color:#cdcdcd;/*f*/ border-style:solid; } .table-list-layout td:first-child{ width:203px; border-left-width:0px; border-top-width:0px; border-right-width:1px !important; border-bottom-width:0px; border-color:#cdcdcd;/*f*/ border-style:solid; vertical-align:middle; display:block } .table-list-layout td:first-child{ background:none !important; font-size:14px !important; font-weight:500; width:100%; } .table-list-layout td:last-child{ padding-bottom:0px; border-left-width:0px; border-top-width:0px; border-right-width:1px; border-bottom-width:0px; border-color:#e2e2e2; border-style:solid; vertical-align:top; width:100%; } .table-list-layout td:last-child{ background:none !important; font-size:14px !important; font-weight:500; width:100%; } .tlink.SLOW, .link.SLOW{ stroke:#ccc100!important; fill:none; stroke-width:2px; } .tlink.NORMAL, .link.NORMAL, .link.HEALTHY{ stroke:#0c9a12!important; fill:none; } .tlink.ERROR, .link.ERROR{ stroke:#cd0f0f!important; fill:none; } .tlink.STALLED, .link.STALLED{ stroke:#fa9d1c!important; fill:none; } .state_uxgrp{ cursor:pointer } .tlink{ stroke:none; fill:none; } .tspan1, .tspan2{ color:#636363; fill:#636363 } .btmWindow.x-window-default .x-window-header-text-default{ text-transform:none !important; } #hdScrollmainTable{overflow:auto!important} /* need to write the particular grid page... */ /* .x-grid-row .x-grid-cell-inner { white-space: normal; word-break: break-all; } */ /*-- btmnewWindow--*/ .btmAppDashboardsTopPanel { background: #fbfbfb; border:solid 1px #e3e3e3; -moz-border-radius-topleft: 0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; margin:3px 0px 0px 5px; } .btmnewWindow{ height: 32px; } .btmnewWindow .x-window-header-default { zoom: 1; /*padding: 5px 4px 0 4px!important; */ width:100%; margin: 0 0px 0 0px !important; padding:0px 0px 0 10px!important; height: 32px !important; background-color: #ecebeb; } .btmnewWindow .x-window-header-default-top{ border-style: solid; border-color: #e3e3e3; border-bottom-width:1px!important; } .btmnewWindow .x-window-header-text-default { font-size: 14px; color: #333333; line-height: 32px; text-transform: none; } .btmnewWindow .btm-tool img.x-tool-close, .btmnewWindow .btm-tool img.x-tool-over .x-tool-close { overflow: hidden; width: 30px; height: 30px; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background-image: url('../images/Light/btmclose.png')!important; margin: 0; background-position: 0 0!important; right: 4px!important; } .btmnewWindow .btm-tool img{ vertical-align:middle; display:inline-block; } .btmnewWindow .btm-tool img.iconBtmMoreOptions{ margin:0px 8px 0 3px; cursor: pointer; } .btmnewWindow .btm-tool img.iconBtmAutoLayout{ cursor: pointer; margin:0px 3px 0 3px; } .x-tip.moreoptionstooltip { background: #fff; color: #fff; border-color: #3bafda !important; -webkit-box-shadow: 0px 0px 7px 0px rgba(31, 31, 31, 0.36); -moz-box-shadow: 0px 0px 7px 0px rgba(31, 31, 31, 0.36); box-shadow: 0px 0px 7px 0px rgba(31, 31, 31, 0.36); /* box-shadow:rgb(31, 31, 31) -4px -2px 10px; */ border-radius:0px; } .fieldcontainer{ border-bottom:#d7d7d7 1px solid; } .x-tip.moreoptionstooltip .x-tip-anchor{ width:22px; height:12px; border-width:0px; background:url('../images/Light/moreoptionstip.png') 0px 0px no-repeat; } .x-tip.moreoptionstooltip .x-tip-anchor-bottom{ -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari */ transform: rotate(180deg); } .parentNode{ cursor:pointer; } .btmTopPanel { background: #fbfbfb; border:solid 1px #e3e3e3; -moz-border-radius-topleft: 0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; } .btmDisplayFieldLabel { font-size:11px !important; font-weight:normal !important; -webkit-font-smoothing: antialiased; white-space:nowrap; padding:3px 5px 5px 0px; } .btmDisplayFieldValue { font-size:12px !important; font-weight:500; -webkit-font-smoothing: antialiased; padding:4px; } .btmDisplayFieldURLValueEllipsis { font-size:12px !important; font-weight:500; -webkit-font-smoothing: antialiased; padding:0px 4px 0px 4px; text-overflow:ellipsis; overflow: hidden; white-space:nowrap; } .btmDisplayFieldCompValueEllipsis { font-size:12px !important; font-weight:500; -webkit-font-smoothing: antialiased; padding:0px 4px 0px 4px; text-overflow:ellipsis; overflow: hidden; white-space:nowrap; } .btmBreakUpTimeBox{ background-color:#ffffff; border:1px solid #e5e5e5; padding:3px; text-align:center; } .btmBreakUpTimeBox p{ color:#333333; font-size: 11px; } .btmBreakUpTimeBox p.value1{ color:#115fa6; font-size: 13px; font-weight:500; padding:3px 0px 0px 0px; } .btmBreakUpTimeBox p .ms1{ color:#115fa6; font-size: 12px; padding:3px 0px 0px 0px; } .btmBreakUpTimeBox p.value2{ color:#e9a645; font-size: 13px; font-weight:500; padding:3px 0px 0px 0px; } .btmBreakUpTimeBox p .ms2{ color:#e9a645; font-size: 12px; padding:3px 0px 0px 0px; } .btmSqlQueryDetailsBox{ background-color:rgba(205, 205, 205, 0.3); border:1px solid rgba(167, 167, 167, 0.3); font-size:12px; padding:2px 0px 0px 10px; } .removeHeaderPadding div.x-panel-header { padding:6px 0px 8px 5px; } .btmQueryDataOuter { border :1px solid #d3d3d3; background: #ffffff; -moz-border-radius-topleft: 0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; } .btmQueryDataHeader{ background:#cdcdcd; height:25px; } .btmQueryDataHeader .query{ font-size:13px; font-weight:500; padding:5px 10px 5px 10px; } .btmDatapanel .gridSkin div.x-panel-header{ background: transparent !important; border-width:0px 0px 0px 0px !important; border-color:#afafaf; padding:4px 10px 4px 5px; box-shadow:none; /* border:1px solid #cdcdcd !important; */ font-size:16px; height:24px } .externalDetailsOuterBox{ border :1px solid #dedede !important; } .externalDetailsOuterBox div.x-panel-body{ background-color:#ffffff !important; } .x-panel-body div.x-panel-body-externalDetailsGridOuter { border :1px solid #e3e3e3; background: #fbfbfb !important; -moz-border-radius-topleft: 0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; } .externalDetailsGridOuterHeaderText{ font-size:11px; font-weight:500; margin:5px 10px 0px 10px; text-transform:uppercase; } .btmGridSkin .x-grid-row .x-grid-cell .x-grid-cell-inner.wrapText{ word-wrap:normal; white-space:normal; } table.btmErrorData tr.alternateColor:nth-child(even) {background-color:#f4f4f4 !important;border-bottom:1px solid #d3d3d3;} table.btmErrorData tr.alternateColor:nth-child(odd) {background-color:#ffffff !important;border-bottom:1px solid #d3d3d3;} table.btmErrorData tr td{ padding:10px; } table.btmErrorDataPopup { background: #fbfbfb; border:solid 1px #e3e3e3; margin:0px 8px 8px 0px !important; } table.btmErrorDataPopup tr td{ padding:10px !important; } .btmExecutionAnalysisHeader{ background: transparent !important; padding:0px 10px 0px 5px; box-shadow:none; /* border:1px solid #cdcdcd !important; */ font-size:16px; } .btmExecutionAnalysisSubHeadDiv{ font-size:13px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding:2px 10px 8px 5px; } .btmAppDashboardsTopPanel.x-panel-collapsed{ border: 1px solid #cdcdcd !important; } #btmExecutionAnalysisTable{ border-collapse:collapse; margin:0px; font-size:11px; border:0px solid #adadad; } #btmExecutionAnalysisTable thead tr { background-color: #cdcdcd !important; } .btmCallType { width:30%; padding:9px 10px 6px 10px; background-color: #cdcdcd !important; text-transform:uppercase; text-align:left; vertical-align:middle; white-space:nowrap; border:1px solid #adadad; border-width:0px 1px 1px 0px; font-size:11px; line-height:1.2em; } .btmRequestProcessing { width:90px; padding:9px 10px 6px 10px; background-color: #cdcdcd !important; text-transform:uppercase; text-align:left; vertical-align:middle; white-space:wrap; border:1px solid #adadad; border-width:0px 1px 1px 0px; font-size:11px; line-height:1.2em; } .btmSelfExecutionTime { width:80px; padding:9px 10px 6px 10px; background-color: #cdcdcd !important; text-transform:uppercase; text-align:left; vertical-align:middle; white-space:wrap; border:1px solid #adadad; border-width:0px 1px 1px 0px; font-size:11px; line-height:1.2em; } .btmRelativeStartTime { width:100px; padding:9px 10px 6px 10px; background-color: #cdcdcd !important; text-transform:uppercase; text-align:left; vertical-align:middle; white-space:nowrap; border:1px solid #adadad; border-width:0px 1px 1px 0px; font-size:11px; line-height:1.2em; } .btmTotalExecutionTime { width:80px; padding:9px 10px 6px 10px; background-color: #cdcdcd !important; text-transform:uppercase; text-align:left; vertical-align:middle; white-space:wrap; border:1px solid #adadad; border-width:0px 1px 1px 0px; font-size:11px; line-height:1.2em; } .btmTraceDetails { width:50%; padding:9px 10px 6px 10px; background-color: #cdcdcd !important; text-transform:uppercase; text-align:left; vertical-align:middle; white-space:wrap; border:1px solid #adadad; border-width:0px 0px 1px 0px; font-size:11px; line-height:1.2em; } #btmExecutionAnalysisTable tbody tr:nth-child(even) {background-color:#f4f4f4 !important;height:24px;} #btmExecutionAnalysisTable tbody tr:nth-child(odd) {background-color:#ffffff !important;height:24px;} #btmExecutionAnalysisTable tbody tr.activeTr {background-color:#c1ddf1 !important;height:24px;} #btmExecutionAnalysisTable tbody tr:hover {background-color:#e2eff8 !important;height:24px;} #btmExecutionAnalysisTable tbody tr td{ font-size:11px; text-align:left; vertical-align:middle; white-space:nowrap; } #btmExecutionAnalysisTable tbody tr td .btmGraphBg{ margin:-2px 0px 0px 0px; } #btmExecutionAnalysisTable tbody tr td:nth-child(1){border-bottom:1px solid #d3d3d3 !important;padding:0px 0px 0px 0px;font-size:11px;} #btmExecutionAnalysisTable tbody tr td{border-bottom:1px solid #d3d3d3 !important;padding:4px 10px 2px 10px;font-size:11px;} #btmExecutionAnalysisTable tbody tr td:nth-child(5){border-bottom:1px solid #d3d3d3 !important;padding:0px 5px 0px 10px;font-size:11px;} #btmExecutionAnalysisTable tbody tr td:nth-child(5) table{border:0px solid #adadad !important;background:transparent;} #btmExecutionAnalysisTable tbody tr td:nth-child(5) table tr{background:transparent !important;} #btmExecutionAnalysisTable tbody tr td:nth-child(5) table tbody tr td:nth-child(1){padding:0px;border:0px !important;background:transparent;} #btmExecutionAnalysisTable tbody tr td:nth-child(5) table tbody tr td:nth-child(2){padding:0px 5px 0px 0px;border:0px !important;background:transparent;} .healthy_value{ background:url('../images/Light/state_transition_GOOD.png') 0px 0px no-repeat; display:block; width:18px; height:18px; } .slow_value{ background:url('../images/Light/state_transition_LOW.png') 0px 0px no-repeat; display:block; width:18px; height:18px; } .stalled_value{ background:url('../images/Light/state_transition_INTERMEDIATE.png') 0px 0px no-repeat; display:block; width:18px; height:18px; } .error_value{ background:url('../images/Light/state_transition_HIGH.png') 0px 0px no-repeat; display:block; width:18px; height:18px; } #IntermediateDetailsTable{ border:#adadad 1px solid !important; } #IntermediateDetailsTable table tbody td{ cursor:pointer; } #IntermediateDetailsTable table tbody tr.x-grid-row:hover .x-grid-cell-inner, #IntermediateDetailsTable .x-grid-cell-inner:hover { color:#2a80b9 !important; } /***---- eG BTM Topology Styles Start Here - copied from eGBTMd3Topology.jsp page-------- */ #paper{background-color:#ffffff} #paper svg{overflow:hidden} #paper .node rect { fill: none; } #paper .node{stroke:none} .edgePath path { stroke: #918f8f; /*fill: #918f8f;*/ stroke-width: 1px; } .arrowcolor path{ fill: #918f8f; } .transactionsnapshotbox{ border:#e5e5e5 1px solid; background-color: rgba(251, 251, 251, 0.93); padding:22px 11px 10px 14px; font-size:12px; min-width:250px; position:absolute; top:105px; left:20px } .transactionsnapshotbox ul{ margin:0px; padding:0px; list-style:none; } .transactionsnapshotbox.ui-draggable{ cursor:move; } .transactionsnapshotbox ul li{text-align:left;margin-bottom:5px;} .transactionsnapshotboxtitle{ border:#e5e5e5 1px solid; background:#ffffff; padding:3px 0px 0px 5px; white-space: nowrap; cursor:default; vertical-align: middle; line-height: 16px; } .transactionsnapshotbox table{ border-spacing:5px; margin-right:-5px; margin-bottom:-5px; margin-left:-5px; margin-top:-5px; border-collapse: separate; } .transactionsnapshotbox td{ border:#e5e5e5 1px solid; background-color:rgba(255, 255, 255, 0.5); white-space: nowrap; padding:10px; } .boldfont{ font-weight:500; } .errorFont{ color:#fa0200; font-size:13px; } .clrfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clrfix { display: inline-block; } .listitle{margin-bottom:5px;text-align:left;font-weight:500;} .togglebutton{ cursor:pointer; background:url("../images/Light/arrowToggle.png") left top no-repeat; width:17px; height:17px; position:absolute; -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -ms-transition: -ms-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; -webkit-transform: rotate(-360deg) !important; -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg) !important ; bottom:-10px; } .closebuttonUp, .closebuttonDown{ background:url("../images/Light/transactionsnapshot_icons.png") no-repeat; background-position:left -1px; width:14px; height:14px; margin:0px 2px 0px 5px; display:block; } .closebuttonUp{ cursor:pointer; background-position:left -14px; } .closebuttonDown{ cursor:pointer; background-position: left -1px; } .togglebuttonDown{ cursor:pointer; background:url("../images/Light/arrowToggle.png") left top no-repeat; width:17px; height:17px; position:absolute; -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -ms-transition: -ms-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); bottom:-10px; } .imglist{ float:right; position:relative; overflow:hidden; margin:0px 1px; border:transparent 1px solid; width:18px; height: 29px; padding:5px 0px 0px 0px; /*border-radius:60px;*/ -webkit-transition: width 0.5s, height 0.5s; transition: width 0.5s, height 0.5s; } .imglist img{cursor:pointer} .legendover{ position:absolute; left:1px; top:1px; display:none } .legendover img{} .legendover span{} .imglist:hover .legendover { display:block; } .imglist:hover .imgdiv{ display:none; } .imglist:hover { width:74px; height: 29px; /*border:#cccccc 1px solid;*/ } .btm_healthy, .btm_slow, .btm_stalled , .btm_error{ background-image: url("../images/Light/btm_legends.png"); background-repeat: no-repeat; background-position: left top; height: 28px; width: 73px; vertical-align:middle; } .btm_healthy{ background-position: 0px -30px; } .btm_slow{ background-position: 0px -88px; } .btm_stalled{ background-position: 0px -59px; } .btm_error{ background-position: 0px -1px; } .commonsize{ font-size:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:500; fill:#414141; color:#414141; } .commonsize_stroke{ alpha: 0; stroke: #ffffff; stroke-width: 9px; font-weight:500; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:500; stroke-linejoin: round; fill:#414141; fill-opacity: 1; stroke-opacity: 1; } .commonsize_stroke_highlight{ fill-opacity: 0; } .moreoptionstooltip .checkbt .x-form-cb-label.x-form-cb-label-after { /*vertical-align: -11px;*/ } .labelpatch{ fill:#ffffff; } .outerdiv{ max-height:147px; height:auto; overflow-y:auto; display:table-cell; overflow-x:hidden; } .outerdiv table{ width:auto; } .btmlegends{ background-color:rgba(255, 255, 255, 0.15); height:28px; /*border-radius:90px;*/ } #ddpanel{ box-shadow:none !important; } .moreoptionstooltip .radiobt .x-form-cb-label.x-form-cb-label-after{ margin-left:8px; } .moreoptionstooltip .x-tip-body, .moreoptionstooltip .x-form-invalid-tip-body{ color:#000 } .btm_rum_dd_icons_healthy, .btm_rum_dd_icons_stalled, .btm_rum_dd_icons_error, .btm_rum_dd_icons_slow{ background-image: url("../images/Light/btm-rum-state-icons.png"); background-repeat: no-repeat; background-position: left top; height: 16px; width: 16px; vertical-align:middle; } .btm_rum_dd_icons_healthy{ background-position: -51px top; } .btm_rum_dd_icons_stalled{ background-position: -34px top; } .btm_rum_dd_icons_error{ background-position:0px top; } .btm_rum_dd_icons_slow{ background-position:-17px top; } .btmrum_status{ text-transform:capitalize; font-size:12px; vertical-align:middle; line-height: 1px; } .MyGridView .x-grid-row .x-grid-cell{ font-size: 12px; vertical-align: middle; border:none } /***---- eG BTM Topology Styles End Here ----***/ /***---- eG BTM drillDown tooltip popup styles start Here ----***/ .x-tip-btmToolTipUi{ background:#ffffff !important; border:1px solid #a3a3a3 !important; border-radius: 6px 6px 6px 6px !important; -moz-border-radius: 6px 6px 6px 6px !important; -khtml-border-radius: 6px 6px 6px 6px !important; -o-border-radius: 6px 6px 6px 6px !important; -webkit-border-radius: 6px 6px 6px 6px !important; -webkit-box-shadow:13px 13px 13px 0px rgba(0, 0, 0, 0.43) !important; -moz-box-shadow:13px 13px 13px 0px rgba(0, 0, 0, 0.43) !important; box-shadow:13px 13px 13px 0px rgba(0, 0, 0, 0.43) !important; border-spacing:none !important; left:20px !important; color:#1a1a1a; } .BubbleCloseBtn { float: right; margin-top: 4px; margin-bottom: 4px; margin-right: -6px; width: 21px; height: 21px; position: absolute; top: -10px; right: 0px; z-index:99; cursor: pointer; background-image: url('/final/images/Light/bubble/dismiss_icon.png'); } .x-tip-btmToolTipUi .x-tip-header-btmToolTipUi{ padding:6px 5px 4px 6px !important; border-radius: 6px 6px 0px 0px !important; -moz-border-radius: 6px 6px 0px 0px !important; -khtml-border-radius: 6px 6px 0px 0px !important; -o-border-radius: 6px 6px 0px 0px !important; -webkit-border-radius: 6px 6px 0px 0px !important; border-top-color:#a3a3a3 !important; border-right-color:#a3a3a3 !important; border-bottom-color:#e3e3e3 !important; border-left-color:#a3a3a3 !important; border-style:solid !important; background:#eeeeee !important; border-top-width:1px !important; border-right-width:0px !important; border-bottom-width:1px !important; border-left-width:1px !important; user-select:none; -o-user-select:none; -ms-user-select:none; -moz-user-select:-moz-none; -webkit-user-select:none; cursor:default; text-transform:uppercase; font-size:12px !important; font-weight:500; } .x-tip-btmToolTipUi .x-tip-header-text-btmToolTipUi{ color:inherit !important; } .x-tip-btmToolTipUi .x-tip-body-btmToolTipUi { border-top-color:#ffffff !important; border-right-color:#a3a3a3 !important; border-bottom-color:#e3e3e3 !important; border-left-color:#a3a3a3 !important; border-style:solid !important; border:0px solid #a3a3a3 !important; border-radius: 0px 0px 6px 6px !important; -moz-border-radius: 0px 0px 6px 6px !important; -khtml-border-radius: 0px 0px 6px 6px !important; -o-border-radius: 0px 0px 6px 6px !important; -webkit-border-radius: 0px 0px 6px 6px !important; color:#1a1a1a; } .x-tip-body-btmToolTipUi, .x-form-invalid-tip-body-btmToolTipUi{ background:#ffffff !important; } .x-tip-header-btmToolTipUi, .x-tip-body-btmToolTipUi, .x-form-invalid-tip-body-btmToolTipUi{ font-size:12px; width:100% !important; padding:0px; } .x-tip-btmToolTipUi .x-tip{ width: 36px; height: 24px; } .x-tip-btmToolTipUi .x-tip-anchor{ position: absolute; overflow: hidden; border-style: solid; border: 0px solid red; width: 36px !important; height: 24px !important; zoom: 1; } .x-tip-btmToolTipUi .x-tip-anchor.x-tip-anchor-top{ margin: 0px; width: 36px !important; height: 24px !important; position: relative; background-image: url('/final/images/Light/btmTooltipBottom.png') !important; zoom: 1; } .x-tip-btmToolTipUi .x-tip-anchor.x-tip-anchor-right{ margin: 0px; width: 36px !important; height: 24px !important; position: relative; background-image: url('/final/images/Light/btmTooltipBottom.png') !important; zoom: 1; } .x-tip-btmToolTipUi .x-tip-anchor.x-tip-anchor-bottom{ margin: 0px; width: 36px !important; height: 24px !important; position: relative; left:40px !important; background-image: url('/final/images/Light/btmTooltipBottom.png') !important; zoom: 1; } .x-tip-btmToolTipUi .x-tip-anchor.x-tip-anchor-left{ margin: 0px; width: 36px !important; height: 24px !important; position: relative; background-image: url('/final/images/Light/btmTooltipBottom.png') !important; zoom: 1; } .x-tip-btmToolTipUi #previewData_header-body, .x-tip-btmToolTipUi #previewData_header-innerCt.x-box-inner, .x-tip-btmToolTipUi #sapData_header-body, .x-tip-btmToolTipUi #sapData_header-innerCt.x-box-inner, .x-tip-btmToolTipUi #jmsData_header-body, .x-tip-btmToolTipUi #jmsData_header-innerCt.x-box-inner, .x-tip-btmToolTipUi #httpData_header-body, .x-tip-btmToolTipUi #httpData_header-innerCt.x-box-inner, .x-tip-btmToolTipUi #webserviceData_header-body, .x-tip-btmToolTipUi #webserviceData_header-innerCt.x-box-inner, .x-tip-btmToolTipUi #errorData_header-body, .x-tip-btmToolTipUi #errorData_header-innerCt.x-box-inner, .x-tip-btmToolTipUi #otherDetailsData_header-body, .x-tip-btmToolTipUi #otherDetailsData_header-innerCt.x-box-inner, .x-tip-btmToolTipUi #ejbData_header-body, .x-tip-btmToolTipUi #ejbData_header-innerCt.x-box-inner, .x-tip-btmToolTipUi #noSQLData_header-body, .x-tip-btmToolTipUi #noSQLData_header-innerCt.x-box-inner{ overflow:visible !important; } .x-tip-btmToolTipUi .x-tool img.x-tool-close, .x-tool img.x-tool-over .x-tool-close{ overflow: hidden; width: 22px; height: 30px; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background-image: url('/final/images/Light/bubble/dismiss_icon.png') !important; margin:-15px 0px 0px 8px !important; background-position: 0px 0px !important; } .btmTooltipInnerBorder { background: #fbfbfb; border:solid 1px #e3e3e3; -moz-border-radius-topleft: 0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; margin:0px 0px 0px 0px; } .x-tip-btmToolTipUi .x-form-field, .x-tip-btmToolTipUi .x-form-display-field { margin: 0; font-weight:500; font-size:13px; line-height: 1.5em !important; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; padding:5px 0px 6px 0px; } .x-tip-btmToolTipUi .x-form-item-label{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; font-size: 12px; line-height:18px; line-height: 1.5em !important; padding:5px 0px 6px 0px; } .httpCallDetailsLink{ font-size: 12px; color: #007fba; float:right; text-transform:none; text-decoration:underline; padding:2px 0px 0px 0px; } .btmGridSkin#sqlCallTable .x-grid-row:hover, .btmGridSkin#sqlCallTable .x-grid-row-over .x-grid-cell, .btmGridSkin#sqlCallTable .x-grid-row-over .x-grid-rowwrap-div { background-color:transparent !important; } .btmGridSkin#sqlCallTable .x-grid-row.x-grid-row-selected .x-grid-cell, .btmGridSkin#sqlCallTable .x-grid-row.x-grid-row-selected .x-grid-rowwrap-div { background-color:transparent !important ; } .staticTop{ bottom:35px !important;top:auto !important} /***---- eG BTM drillDown tooltip popup styles end Here ----***/ /***---- eG BTM and RUM USER tooltip popup Topology styles starts Here ----***/ .x-tip-userToolTip{ background:rgba(255,255,255,0.99); color: #fff; border-color: #a5a5a5 !important; -webkit-box-shadow: 15px 10px 24px -3px rgba(0, 0, 0, 0.65); -moz-box-shadow: 15px 10px 24px -3px rgba(0, 0, 0, 0.65); box-shadow: 15px 10px 24px -3px rgba(0, 0, 0, 0.65); border-radius: 6px; } .x-tip-userToolTip .x-tip-header{ border-bottom-width: 0px !important; border-color: #aab2bd !important; border-style: solid; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; padding: 20px 20px 0px 20px; height:40px !important; width: 447px !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; } .x-tip-userToolTip .x-tip-header-text-userToolTip{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis !important; width: 425px !important; display:block; } .x-tip-userToolTip .x-tip-header-text { user-select: none; -o-user-select: none; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; cursor: default; color: #020202; font-size: 14px; font-weight:500; } .x-tip-userToolTip .x-tab-default-top { -webkit-box-shadow:none; -moz-box-shadow: none; box-shadow: none; border-bottom: 1px solid #99bce8!important; height:39px; top:3px !important; } .x-tip-userToolTip .x-tab-bar-top .x-tab-bar-strip-default-plain{ top: 39px; border-width: 0px 1px 1px 1px; height: 2px; border-color: #1e81b4; background-color: #1e81b4; } .x-tip-userToolTip .x-tab-default-top { box-shadow: none; height: 39px; background:#ededed !important; top:0px; border:#cecece 1px solid !important; } .x-tip-userToolTip .x-tab-default-top button{ font-size:14px; } .x-tip-userToolTip .x-tab-default-top.x-tab-top-active{ background:#0080b7 !important; top:0px !important; border:#0080b7 1px solid !important; } .x-tip-userToolTip .x-tab button { color: #000; margin-top:-3px !important; } .x-tip-userToolTip .x-tab-active button { color: #ffffff; margin-top:0px !important; } .x-tip-userToolTip .x-tab-default-top:first-child{ margin-left:0px !important; } .x-tip-userToolTip .x-tab-default-top{ margin-left:-1px !important; } .x-tip-userToolTip .x-tab-active:first-child{ -webkit-box-shadow: 3px 3px 14px -1px rgba(0,0,0,0.5); -moz-box-shadow: 3px 3px 14px -1px rgba(0,0,0,0.5); box-shadow: 3px 3px 14px -1px rgba(0,0,0,0.5); margin-left:0px !important; } .x-tip-userToolTip .x-tab-active{ -webkit-box-shadow: -3px 2px 14px -1px rgba(0,0,0,0.5); -moz-box-shadow: -3px 2px 14px -1px rgba(0,0,0,0.5); box-shadow: -3px 2px 14px -1px rgba(0,0,0,0.5); } .x-tip-userToolTip .x-tip-anchor-left { border-top-color:transparent; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; width:28px; height:43px; border-width: 0px !important; background:transparent url('/final/images/Light/bubble/bubble-left-arrow.png') no-repeat; } .x-tip-userToolTip .x-tip-anchor-right { border-top-color:transparent; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; width:28px; height:43px; border-width: 0px !important; background:transparent url('/final/images/Light/bubble/bubble-right-arrow.png') no-repeat; } .x-tip-userToolTip .x-tip-anchor-top { border-top-color:transparent; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; width:43px; height:28px; border-width: 0px !important; background:transparent url('/final/images/Light/bubble/bubble-top-arrow.png') no-repeat; } .x-tip-userToolTip .x-tip-anchor-bottom { border-top-color:transparent; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; width:43px; height:28px; border-width: 0px !important; background:transparent url('/final/images/Light/bubble/bubble-bottom-arrow.png') no-repeat; } .x-tip-userToolTip .tabChild{ border:#1e82b5 1px solid; } .x-tip-userToolTip .x-tab-default-top .x-tab-icon{ position: absolute; background-repeat: no-repeat; top: 8px; left: 0; right: auto; bottom: 0; width: 18px; height: 16px; opacity:9 !important; } .mainTab .x-tab-bar-body{ height:39px !important; } .mainTab-disabled{ cursor:default !important; } .x-tip-userToolTip .x-tab.mainTab-disabled button { cursor: auto !important; color:#000 !important; margin-top: 1px !important; } .x-tab-icon.btm_rum_dd_icons_error:after, .x-tab-icon.btm_rum_dd_icons_slow:after, .x-tab-icon.btm_rum_dd_icons_healthy:after, .x-tab-icon.btm_rum_dd_icons_stalled:after { content: ""; width:20px; height:20px; background:#fff; position:absolute; top: -2px; left: -2px; border-radius:16px; z-index:-1; } .leftalignTab{ } .leftalignTab .x-tab-bar-body { border-style: solid; border-color: none; border-width:0px; position: relative; z-index: 2; zoom: 1; } .leftalignTab .x-tab-bar-body{ height:100% !important; } .leftalignTab .x-docked { left:1px !important; } .btn-vertical-text { background:#868686; width:44px; left:5px !important; overflow:visible; margin-top: -3px!important; border:#868686 1px solid !important; -webkit-box-shadow: inset -9px 12px 14px -1px rgba(0,0,0,0.3); -moz-box-shadow: inset -9px 12px 14px -1px rgba(0,0,0,0.3); box-shadow: inset -9px 12px 14px -1px rgba(0,0,0,0.3); } .btn-vertical-text:first-child { background:#868686; width:44px; left:5px !important; overflow:visible; margin-top: 3px!important; -webkit-box-shadow: inset -12px -22px 8px -8px rgba(0,0,0,0.3); -moz-box-shadow: inset -12px -22px 8px -8px rgba(0,0,0,0.3); box-shadow: inset -12px -22px 8px -8px rgba(0,0,0,0.3); } .btn-vertical-text span.x-tab-inner { color:#fff; font-size:12px; width:108px; margin-left: -38px; font-family: sans-serif; font-weight:500; } .btn-vertical-text.x-tab-active:first-child{ margin-left:1px !important; } .btn-vertical-text.x-tab-default-top:first-child{ margin-left:0px !important; } .btn-vertical-text.x-tab-default-top{ margin-left:0px !important; } .btn-vertical-text.x-tab-active { background:#fff; border-left:#1e82b5 1px solid !important; border-right:#fff 1px solid !important; border-bottom:#1e82b5 1px solid !important; border-top:#1e82b5 1px solid !important; -webkit-box-shadow:none; -moz-box-shadow: none; box-shadow: none; left:2px !important; margin-top: -0px!important; } .btn-vertical-text.x-tab-active span.x-tab-inner { color:#0080b7; } .btn-vertical-text span.x-tab-inner { background-color: transparent; background-repeat: no-repeat; background-position: 0 -2px; display: block; height:100%; white-space:normal !important; overflow: visible !important; transform: rotate(-90deg); } .x-tab.maintabBt button .x-tab-inner{ overflow:visible !important; } .x-panel-body-innerSubTab svg text.highcharts-title{ font-size:12px !important; fill:#000 !important; font-weight:500; } .x-panel-body-innerSubTab svg g.highcharts-legend-item text{ font-weight:500; font-size:10px !important; fill:#393939 !important; } .endUserDeviceTab, .endUserDeviceDesktop, .endUserDeviceMobile, .endUserLocation, .endUserBrowserIE, .endUserBrowserFireFox, .endUserBrowserChrome, .endUserBrowserSafari, .endUserBrowserOpera, .endUserBrowserOther, .endUserDuration, .noDataIcon{ background-repeat: no-repeat; background-position:left top; background-image:url('../images/Light/rum_topology_icon.png'); width:20px; height:20px; } .noDataIcon{ background-position:-45px -42px !important; } .mainTab-disabled .x-tab-icon.noDataIcon{ top: 13px !important; left: 36px !important; } .endUserDeviceTab{ background-position:-0px top; } .endUserDeviceMobile{ background-position:-20px top; } .endUserDeviceDesktop{ background-position:-42px top; } .endUserBrowserIE{ background-position:left -21px; } .endUserBrowserFireFox{ background-position:-20px -21px; } .endUserBrowserChrome{ background-position:-42px -21px; } .endUserBrowserSafari{ background-position:-63px -21px; } .endUserBrowserOpera{ background-position:-83px -21px; } .endUserBrowserOther{ background-position:left -21px; } .endUserLocation{ background-position:-21px -42px; } .endUserDuration{ background-position:0px -42px; } .rumblock{ margin:15px 0px; } .rumblock .x-box{ float:left; border: #dcdcdc 1px solid; background-color: #f8f8f8; white-space: nowrap; padding: 5px 25px; text-align:center; margin-right:10px; } .rumblock:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } .latency li:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } .latency li{ display:inline-block; margin-right:15px; font-size: 12px; color: #000 !important; font-weight:500; vertical-align:middle; } .latency li img{ vertical-align:middle; margin-right:5px; } .latency li{ display:inline-block; margin-bottom:20px; margin-right:20px; } .tpt{ font-size: 12px; margin-top:5px; color: #000 !important; font-weight:500; } .egMask{ left:45% !important;top:48% !important} .titlecolor{text-align:center;color:#000 !important;padding:10px 0px;} .btminfoholder{ background:#fff; border:#fff 2px solid; position:relative; text-transform:normal; z-index:999 } .btminfo{ text-align:right; padding:10px 10px 0px 10px; font-size:11px; position:absolute; bottom:10px; } .btmhelptext, .btmhelptext a{color:#858687;font-weight:normal;} span.node_active{ background:#53bccb; color:#fff; padding:3px 5px; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px ; -o-border-radius: 2px; -webkit-border-radius: 2px; } .btm_url{ background: rgba(238, 238, 238, 0.8); position:absolute; padding:10px; font-size:13px; top:45px; border-radius: 20px; -moz-border-radius: 20px; -khtml-border-radius: 20px ; -o-border-radius: 20px; -webkit-border-radius: 20px; text-align: center; display:inline-table; position: absolute; top: -600px; left: 50%; transform: translate(-50%, -50%); } .parentNode, .parentNode text{ cursor:default; } #User, .pointer.parentNode, .pointer.parentNode text { cursor:pointer; } /*--- DD GRID hack ---*/ .ddGridView .x-column-header-inner .x-column-header-text { white-space: normal !important; line-height:14px !important;/*F*/ } .ddGridView tbody td.x-grid-cell{ white-space: normal !important; vertical-align:middle;/*F*/ } .ddGridView tbody td.x-grid-cell div.x-grid-cell-inner .wrap-text { white-space:normal !important; word-break: break-all; } .ddGridView tbody tr.x-grid-group-hd td.x-grid-cell div.x-grid-cell-inner { float: none; } .ddGridView tbody td.x-grid-cell.x-grid-cell-first div.x-grid-cell-inner {display:none} /*Feroz*//*DD Grid row height Issue 30/8/2019*/ #ddGridViewId tbody td.x-grid-cell.x-grid-cell-first div.x-grid-cell-inner {display:none} /*---END OF DD GRID hack ---*/ /* check box label alignment */ .checkbt1 .x-form-checkbox{width:19px;height:19px;} .checkbt1 .x-form-checkbox{ vertical-align:top !important; } .checkbt1 .x-form-item-body .x-form-checkbox { background-image: url("../images/Light/checkbox_new.png"); /*background-position:0px -1px;*/ background-position:0px 0px; } .checkbt1 + .x-component.x-box-item.x-component-default{ line-height:1.90em !important; } .x-ie .checkbt1 + .x-component.x-box-item.x-component-default{ line-height:2.3em !important; } .checkbt1 .x-form-cb-wrap{ padding-top:0px !important; } .checkbt1.x-form-cb-checked .x-form-checkbox{ background-position:0px -19px !important; } .checkbt1 .x-form-cb-focus { background-position:0px -17px; } .checkbt1 .x-form-cb-label.x-form-cb-label-after{ vertical-align: 3px; } .x-ie .checkbt1 .x-form-cb-label.x-form-cb-label-after{ vertical-align:2px !important; } @-moz-document url-prefix() { .checkbt1 .x-form-cb-label.x-form-cb-label-after { vertical-align: -1px; } } /*user experience tab 29-10-2015*/ #tabAll-body{ overflow-x :hidden } .uxTab div#rumtabpanelId-body{ top:8px !important; left:8px !important; } .uxtab .x-tab { /*position:initial !important; float:right; margin:0px; border:1px solid red; display:block;*/ } .uxtab.tablayout.x-panel-default{border:0px !important} .uxtab.x-panel-default{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border:0px solid #e3e3e3 !important; padding:0px; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5); /*-webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35);*/ } .uxtab .x-panel-header, .x-nlg .uxtab .x-panel-header-default-framed-top{ background: #f6f6f6; box-shadow:none; border-width:0px 0px 1px 0px !important; border-color:#f6f6f6; top:0px !important; margin:0px; padding:2px 10px 2px 10px; } .uxtab .x-panel-header-text-container{ padding:0px 0px 0px 0px; } /*.uxtab.x-tab button.x-tab-inner .x-tab-default .x-tab-default-icon-text-left {display:none}*/ .uxtab .x-panel-header-text{ font-size:13px; font-weight:500; /* text-transform:uppercase; */ line-height:20px; /* text-shadow: 1px 0 0 #ffffff; */ } .uxtab .x-panel-body{ background:#ffffff; border: 0px; padding:0px; margin:0px; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; overflow-x:hidden !important /*margin-top:-7px*/ } .uxtab .x-docked-noborder-left { border-left-width: 0!important; } .uxtab .x-docked-noborder-bottom { border-bottom-width: 0!important; } .uxtab .x-docked-noborder-right { border-right-width: 0!important; } .uxtab .x-docked-noborder-top { border-right-width: 0!important; } .uxtab .x-tab button{ font-size: 12px !important; overflow:hidden; min-width: 34px; } /*.uxtab .x-tab-bar { background:#f6f6f6 !important; box-shadow:none; height:39px; border-width:1px 1px 1px 1px !important; border-top-color:#e3e3e3; border-right-color:#e3e3e3; border-bottom-color:#e3e3e3; border-left-color:#e3e3e3; border-style:solid; }*/ .uxtab.tabborder .x-tab-bar { background:#f6f6f6 !important; box-shadow:none; height:32px; border-width:0px 0px 1px 0px !important; border-top-color:#e3e3e3; border-right-color:#e3e3e3; border-bottom-color:#e3e3e3; border-left-color:#e3e3e3; border-style:solid; } /* x-tab-bar x-docked x-tab-bar-default x-top x-tab-bar-top x-tab-bar-default-top x-horizontal x-tab-bar-horizontal x-tab-bar-default-horizontal x-docked-top x-tab-bar-docked-top x-tab-bar-default-docked-top x-unselectable x-docked-noborder-top x-docked-noborder-right x-docked-noborder-left*/ .uxtab.monitorTabBottomBorder .x-tab-bar-top{ border-width:1px 1px 1px 1px !important; border-top-color:#e3e3e3 !important; border-right-color:#e3e3e3 !important; border-bottom-color:#adadad !important; border-left-color:#e3e3e3 !important; border-style:solid !important; } .uxtab .x-tab-bar-top .x-tab-bar-body{ border-width:0px !important; background:#fff !important } .uxtab .x-tab-bar-top .x-tab-bar-strip{ display:none;} .uxtab .x-tab-over button { color:#ffffff !important; } /*.uxtab .x-tab-default-top{ margin-right:-4px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-shadow:none; }*/ .uxtab .x-horizontal-box-overflow-body{ padding:0px; margin:0px; left:-2px; } .uxtab .x-tab-default-top{ height:33px !important; padding:0px 0px 0px 10px !important; margin-right:.2em !important; margin-top:0px !important; /*margin-left:.2em !important; margin-top:-10px !important;*/ /*width:50px;*/ overflow:hidden; position:relative !important; right:0px !important; left:0px !important; background:#ededed; border-top:1px solid #ededed; border-left:1px solid #ededed; border-right:1px solid #ededed; border-bottom:0px solid #ededed; top:0px !important; -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; border-top-left-radius: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; border-top-right-radius: 7px; top:-0.10em !important } /*.uxtab .x-tab-default-top .x-tab button.x-tab-inner{display:none}*/ .uxtab .x-tab-default-top:hover { background:#ededed; border-width:1px 1px 1px 1px !important; border-style:solid; border-top-color:#c0c0c0 !important; border-right-color:#bfbfbf !important; border-bottom-color:#c0c0c0 !important; border-left-color:#bfbfbf !important; } .uxtab .x-tab-top-active:hover { background:#0270a0; border-width:0px 0px 0px 0px !important; border-style:solid; border-top-color:#c0c0c0 !important; border-right-color:#bfbfbf !important; border-bottom-color:#c0c0c0 !important; border-left-color:#bfbfbf !important; } /*.uxtab .x-tab-default-top em{ background:transparent; border:1px solid red; display:table !important; width:40px !important } .uxtab .x-tab-default-top em{ padding:0px 10px 0px 0px !important; margin:0px; display:inline; }*/ .uxtab .x-tab-bar-top .x-tab-bar-body{ padding:2px!important; margin:0px!important; } .uxtab .x-tab-bar{ z-index:999; border-bottom:4px solid #0080b7 !important; height:40px; border-width:0px 0px 2px 0px !important; border-bottom-color:#0080b7; border-style:solid; float:right; /*padding-left:72%;*/ background:#ffffff !important; } .uxtab .x-tab-bar-body .x-box-layout-ct, .uxtab .x-tab-bar-body .x-border-layout-ct, .uxtab .x-tab-bar-body .x-box-inner, .uxtab .x-box-layout-ct, .uxtab .x-border-layout-ct, .uxtab .x-box-inner { overflow:visible !important; border:none !important; } .uxtab .x-tab-top-active button{ color: #ffffff !important; font-size: 12px !important; text-transform:uppercase; font-weight:500; font-weight:800; padding: 0 0 0 14px; } /*.uxtab .x-tab button .x-tab-inner{ display:inline !important }*/ .uxtab .x-tab-top-active { background:#0080b7 !important; border-left:1px solid #0080b7 !important; border-right:1px solid #0080b7 !important; border-top:1px solid #0080b7 !important; border-bottom:0px solid #0080b7 !important; padding:10px 10px 10px 80px; height:39px !important; /*width:210px;*/ margin-top:-2px !important; margin-right:0.2em !important; -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; border-top-left-radius: 7px; -moz-border-radius-topright: 7px !important; -webkit-border-top-right-radius: 7px !important; border-top-right-radius: 7px !important; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .uxtabxx .x-tab-default-top{ position:relative !important; left:0px !important; right:0px !important; } .uxtab .x-tab-top-active em{ background:#0080b7 !important; -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; border-top-left-radius: 7px; -moz-border-radius-topright: 7px !important; -webkit-border-top-right-radius: 7px !important; border-top-right-radius: 7px !important; border:none; } .uxtab .x-tab-icon { width:50px !important; height:35px !important; padding:0 10px 0 10px !important } /*.uxtab .x-tab-default-top button, .uxtab .x-tab-default-top .x-tab-inner{ width:auto !important; display:block !important }*/ /* .tablayout .x-tab-top-active button .x-tab-icon{ background: url('/final/images/blue/tabSelectBg_sp.png') center -60px no-repeat !important; height:35px !important; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; display:block !important; line-height:27px; } */ .uxtab .x-tab-default-over.x-tab-top-active button{ color:#fff !important; background:#0080b7 !important; border-left:1px solid #0080b7 !important; border-right:1px solid #0080b7 !important; border-top:1px solid #0080b7 !important; border-bottom:0px solid #0080b7 !important; height:38px !important; -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; border-top-left-radius: 7px; -moz-border-radius-topright: 7px !important; -webkit-border-top-right-radius: 7px !important; border-top-right-radius: 7px !important; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .uxtab .x-tab-default-over button{ color:inherit !important; } /*.x-tab-hide .x-tab-panel-header .x-tab-strip-wrap{ display:none; }*/ .gridWithoutShadow{ -webkit-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); } /*.uxtab ul.x-tab-strip li.right-tab {float: right;}*/ .uxtab-separator{border-right:1px solid #e3e3e3} /*.uxtab.x-panel-default{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border:0px solid #e3e3e3 !important; padding:0px; -webkit-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); }*/ /*---- outer panel ----*/ .uxtab-outerpanel{ border:0px solid #e3e3e3 !important; left:0px !important; top:0px !important; border:none !important } .uxtab-outerpanel .x-panel-body{ background:#ffffff !important; border:0px !important; margin:0px !important; z-index:99 !important; } .uxtab-outerpanel.x-panel-default-framed{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border:0px solid #e3e3e3 !important; padding:0px !important; /* -webkit-box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 1); box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 1); -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);*/ } .uxtab-outerpanel .x-panel-header, .x-nlg .uxtab-outerpanel .x-panel-header-default-framed-top{ background: #fff !important; box-shadow:none !important; border-width:0px 0px 1px 0px !important; border-color:#b0b0b0; top:0px !important; margin:0px !important; padding:2px 5px 3px 5px; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; } .uxtab-outerpanel .x-panel-header-text-container{ padding:4px 5px 0px 5px !important; } .uxtab-outerpanel .x-btn-default-small, .uxtab-outerpanel .x-btn-default-toolbar-small, .uxtab-outerpanel .x-btn-default-toolbar-small-icon{ padding:1px 2px 1px 3px !important; } #transactionschartpanel.x-panel .x-panel-default, #transactionschartpanel.x-plain{overflow:auto !important;overflow-x:hidden !important} #tabBarHeader{ position:absolute !important; left:0px !important; } /* Istam Dashboard New Html Styles Start Here -Jaiwin */ .istam_layer_headbg{ background:#ffffff; padding:10px 10px 6px 10px; } .istam_layer_headbgNew { background:#f6f6f6; padding:4px; border-width:0px 0px 1px 0px; border-style:solid; border-color:#b0b0b0; margin:0px; } .istam_vmborder{ -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -ms-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; border: 1px solid #dedede; background-color:#ffffff; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } .istam_data_headbg1 { background: #f6f6f6; border-width: 0px 0px 1px 0px !important; border-color: #afafaf; border-style:solid; padding: 5px 10px 3px 10px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow: none; /* border: 1px solid #cdcdcd !important; */ font-size: 12px; font-weight:500; } .istam_eg_whitebg{background-color:#FFFFFF;} .istam_toolsDiv { -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -ms-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; border: 0px solid #dedede; background-color:#444444; -webkit-box-shadow: 0px 0px 10px 0px rgba(10,10,10,0.85); -moz-box-shadow: 0px 0px 10px 0px rgba(10,10,10,0.85); box-shadow: 0px 0px 10px 0px rgba(10,10,10,0.85); padding:5px; } .istam_toolsDiv table{ background: #ffffff; } .istam_toolsDiv table tr th{ background: #444444; border-width: 0px 0px 1px 0px !important; border-color: #afafaf; border-style:solid; } .istam_toolsDiv table tr th .toolsHeader{ padding: 2px 5px 4px 5px; color:#ffffff; background: #444444; font-size: 12px; font-weight:500; } .istam_toolsDiv table tr td.firstTd{ padding:5px; } .istam_fullviewDiv { -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -ms-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; border: 0px solid #dedede; background-color:#444444; -webkit-box-shadow: 0px 0px 10px 0px rgba(10,10,10,0.85); -moz-box-shadow: 0px 0px 10px 0px rgba(10,10,10,0.85); box-shadow: 0px 0px 10px 0px rgba(10,10,10,0.85); padding:5px; } .istam_fullviewDiv table:first{ background: #ffffff; } .istam_fullviewDiv table:first tr th{ background: #444444; border-width: 0px 0px 1px 0px !important; border-color: #afafaf; border-style:solid; } .istam_fullviewDiv table:first tr th .toolsHeader{ padding: 2px 5px 4px 5px; color:#ffffff; background: #444444; font-size: 12px; font-weight:500; } input.istam_button_bg{ background:#535353; height:19px; text-align:center; line-height:21px !important; border:1px solid #535353; font-size:11px; color: #FFFFFF; padding:2px 10px 2px 10px; } input.istam_button_bg:hover{ background:#a1a1a1; height:19px; text-align:center; line-height:21px !important; border:1px solid #535353; font-size:11px; color: #FFFFFF; padding:2px 10px 2px 10px; } .istamViewTable{border-color: #D9D9D9;border-collapse:collapse;border-width: 1px 1px 1px 1px;} .istamViewTable table tbody tr:nth-child(even) {background-color:#f4f4f4} .istamViewTable table tbody tr:nth-child(odd) {background-color:#ffffff} .istamViewTable table thead tr th:nth-child(even) {border:1px solid #D9D9D9;padding:4px 10px 2px 10px;font-size:11px; font-weight:500;background-color:#D9D9D9;line-height:1.3em} .istamViewTable table thead tr th:nth-child(odd) {border:1px solid #D9D9D9;padding:4px 10px 2px 10px;font-size:11px; font-weight:500;background-color:#D9D9D9;line-height:1.3em} .istamViewTable table tbody tr td:nth-child(even) {border-width: 0px 0px 1px 0px !important;border-style:solid;border-color: #D9D9D9;padding:4px 10px 2px 10px;font-size:11px;line-height:1.3em} .istamViewTable table tbody tr td:nth-child(odd) {border-width: 0px 0px 1px 0px !important;border-style:solid;border-color: #D9D9D9;padding:4px 10px 2px 10px;font-size:11px;line-height:1.3em} .tableborder_jvm{ border: 1px solid #D9D9D9; border-collapse: collapse;} table.tableborder_jvm tbody tr:nth-child(even) {background-color:#f4f4f4} table.tableborder_jvm tbody tr:nth-child(odd) {background-color:#ffffff} table.tableborder_jvm tbody tr td table tr{background-color:transparent !important} .tdborder_jvm{padding:4px 10px 2px 10px;line-height:1.3em;} .tdborder2_jvm{ border: 1px solid #D9D9D9;padding:4px 10px 2px 10px;background-color:#D9D9D9;line-height:1.3em} .tdborder2_jvm thead th{background-color:#D9D9D9;line-height:1.3em} .tdborder3_jvm{ border: 1px solid #D9D9D9; background-color: #f4f4f4;padding:4px 10px 2px 10px;line-height:1.3em} input#eg_input { font-size:11px; border:0px; border-left-width:0px; border-right-width:0px; border-top-width:0px; border-bottom-width:0px; border-style:solid; background-color:transparent } input.eg_input { font-size:11px; border:0px; border-left-width:0px; border-right-width:0px; border-top-width:0px; border-bottom-width:0px; border-style:solid; background-color:transparent } input.egInputText { border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; border-style:solid; border-color:#aab2bd; font-size:11px; background-color:#FFFFFF; font-weight:normal; height:20px; padding:4px; } select.egInputSelect { border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; border-style:solid; border-color:#aab2bd; font-size:11px; font-family:arial, verdana; overflow: hidden; background: url(/final/monitor/eg_images/Light/istam-arrow-bullet-down.png) no-repeat right #ffffff; font-weight:normal; height:20px; padding:2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.egInputSelectMulti { border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; border-style:solid; border-color:#aab2bd; font-size:11px; font-family:arial, verdana; overflow: auto; font-weight:normal; } input.egInputText[disabled] { user-input:disabled; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; border-style:solid; border-color:#aab2bd; font-size:11px; color: #999999; background-color:#FFFFFF; font-weight:normal; height:20px; padding:4px; } select.egInputSelect[disabled] { user-input:disabled; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; border-style:solid; border-color:#aab2bd; font-size:11px; font-family:arial, verdana; color: #999999; overflow: hidden; background: url(/final/monitor/eg_images/Light/istam-arrow-bullet-down.png) no-repeat right #ffffff; font-weight:normal; height:20px; padding:2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.egInputSelectMulti[disabled] { user-input:disabled; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; border-style:solid; border-color:#aab2bd; font-size:11px; font-family:arial, verdana; color: #999999; overflow: auto; font-weight:normal; } .istamBackButton{ background:url(/final/monitor/eg_images/Light/istam_back_arrow.png)no-repeat 5px 3px #ffffff; border:1px solid #aab2bd; cursor:hand; padding:5px 4px 3px 20px; cursor:pointer; text-align:left; vertical-align:middle; font-size:11px; } .istamBackButton:hover{ background:url(/final/monitor/eg_images/Light/istam_back_arrow_hover.png)no-repeat 5px 3px #aab2bd; border:1px solid #aab2bd; cursor:hand; padding:5px 4px 3px 20px; cursor:pointer; text-align:left; color:#ffffff; vertical-align:middle; font-size:11px; } .istamBackButton a{ font-size:11px; } .istamBackButton:hover a{ color:#ffffff; font-size:11px; } .istamBarFont{ color:#ffffff !important;} #istam_div_scroll{position:relative;overflow:auto;overflow-x:auto;overflow-y:auto;padding:0px;margin:0px;} .istam_div_scroll{position:relative;overflow:auto;overflow-x:auto;overflow-y:auto;padding:0px;margin:0px;} .istam_ExclamationText{ text-align: center !important; font-size: 11px; } /*----------Calendar-------------------------------*/ .istam_alarmborder{ border: 1px solid #dedede; background-color:#ffffff; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } .istam_eg_cellbgmedium {background-color:#d1d1d1;} .istam_eg_lightlight{background-color:#f2f2f2} .istam_table_header{text-align:center;background-color:#3bafda;font-size:11px;font-weight:500;color:#ffffff} .istam_table_header a.istam_eg_monlink{color:#ffffff !important} a.istam_eg_monlink:active {font-size:11px;text-decoration:none} a.istam_eg_monlink:visited{font-size:11px;text-decoration:none} a.istam_eg_monlink:link{font-size:11px;text-decoration:none} a.istam_eg_monlink:hover{color: #3bafda;font-weight:500;font-size:11px;text-decoration:underline} .istam_eg_calheader {font-weight:500; font-size: 12px;padding:6px;} .istam_eg_calth { font-size: 11px; color: #FFFFFF;background-color:#3bafda;padding:4px;} .istam_eg_calblur {font-size: 11px; color: #FFFFFF;background-color:#d7d7d7;padding:4px;} .istam_eg_caldate { font-size: 11px; padding:4px;} .istam_eg_select { font-size: 11px; padding:4px;} .istam_Loading_Cls{z-index: 19001;left:45% !important;top:46% !important;} /* Istam Dashboard New Html Styles End Here -Jaiwin */ /*TopN-ReporterDesign - Starts*/ #topN_main{ border:1px solid #d2d2d2; background:#f7f7f7; } #configdatas_container{ border-top:1px solid #d2d2d2; } #temp_button{ background-image:url('../images/Light/topn-light_over.png'); } #topN_Seperator{ background-image:url('../images/Light/topn-light_seperator.png') !important; background-repeat:no-repeat; } .disabledCls{ background-image:url('../images/Light/topn-light.png') !important; } #temp_button.x-btn-pressed{ background-image:url('../images/Light/topn-light.png') !important; } #topnreportsform_right.x-masked label{color:#a5a5a5 !important} /* no need - delete .x-item-disabled.button20{ background:#F7F7F7 !important} */ /*TopN-ReporterDesign - Ends*/ /* UX graph panel------------*/ /* datapanel styles start here */ .uxGraphPanel{ margin-bottom:15px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -ms-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; border:1px solid #dedede; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } .uxGraphPanel.x-panel-default-framed{ background:#fff; } .uxGraphPanel div.x-panel-body{ background:#ffffff !important; /*border:1px solid #cdcdcd;*/ /*border-width:0px 1px 1px 1px; border-style:solid; border-color:#cdcdcd; padding:0px; margin:0px;*/ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .uxGraphPanel .datapanel div.x-panel-body .block1 div.x-panel-body { /*border:1px solid #cdcdcd !important;*/ } .uxGraphPanel.x-panel-default-framed{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border-color:#dedede; } .uxGraphPanel .x-panel-body .block1 .x-panel-body{ border-width:0px !important;} .uxGraphPanel div.x-panel-header{ background: #f6f6f6; border-width:0px 0px 1px 0px !important; border-color:#afafaf; padding:2px 10px 2px 10px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow:none; /* border:1px solid #cdcdcd !important; */ font-size:12px; font-weight:500; } .uxGraphPanel.darkHeader div.x-panel-header{ background: #dbdbdb !important; border-width:0px 0px 1px 0px !important; border-color:#b2b2b2 !important; } .uxGraphPanel .x-panel-header-text-container{ padding:0px 5px 0px 5px; } .uxGraphPanel span.x-panel-header-text{ font-size:12px; font-weight:500; text-transform:none; } /* ux data panel--------------*/ .uxDataPanel{ margin-bottom:15px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -ms-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; border:1px solid #dedede; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } .uxDataPanel.x-panel-default-framed{ background:#fff; } .uxDataPanel div.x-panel-body{ background:#ffffff !important; /*border:1px solid #cdcdcd;*/ /*border-width:0px 1px 1px 1px; border-style:solid; border-color:#cdcdcd; padding:0px; margin:0px;*/ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .uxDataPanel .datapanel div.x-panel-body .block1 div.x-panel-body { /*border:1px solid #cdcdcd !important;*/ } .uxDataPanel.x-panel-default-framed{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border-color:#dedede; } .uxDataPanel .x-panel-body .block1 .x-panel-body{ border-width:0px !important;} .uxDataPanel div.x-panel-header{ background: #f6f6f6; border-width:0px 0px 1px 0px !important; border-color:#afafaf; padding:2px 10px 2px 10px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow:none; /* border:1px solid #cdcdcd !important; */ font-size:12px; font-weight:500; } .uxDataPanel.darkHeader div.x-panel-header{ background: #dbdbdb !important; border-width:0px 0px 1px 0px !important; border-color:#b2b2b2 !important; } .uxDataPanel .x-panel-header-text-container{ padding:0px 5px 0px 5px; } .uxDataPanel span.x-panel-header-text{ font-size:12px; font-weight:500; text-transform:none; } /* UX grid------------------*/ .uxGrid{ /*border:1px solid #cdcdcd; jaiwin- removeShadow7 -webkit-box-shadow: 0px 0px 4px 0px rgba(100,100,100,0.5); -moz-box-shadow: 0px 0px 4px 0px rgba(100,100,100,0.5); box-shadow: 0px 0px 4px 0px rgba(100,100,100,0.5);*/ border:1px solid #dedede !important; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); background: #fbfbfb; } .uxGrid .x-column-header-inner .x-column-header-text { } .uxGrid div.x-panel-header { background: #fbfbfb; border-width:0px 0px 1px 0px; border-color:#e3e3e3; box-shadow:none; } .uxGrid .x-grid-table{ } .uxGrid div.x-panel-header span.x-panel-header-text{ font-size:12px; /* text-shadow: 1px 0 0 #ffffff; */ } .uxGrid.gridShadow{ /* jaiwin- removeShadow8*/ -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } .uxGrid div.x-column-header{ font-size:12px; text-transform:capitalize; text-shadow:none; background:#cdcdcd; font-weight:normal; border-color:#adadad #adadad #adadad #cdcdcd !important; border-style:solid; border-width:0px 1px 0px 1px !important; } .uxGrid .x-grid-header-ct { border-color:#cdcdcd #adadad #adadad #adadad !important; border-style:solid; border-width:1px 0px 1px 0px!important; } .uxGrid div.x-column-header-first{ border-width:0px 1px 0px 0px !important; } .uxGrid div.x-column-header-last{ border-width:0px 0px 0px 1px !important; } .uxGrid .x-grid-view{ border-top-color:#adadad !important; border-right-color:#1a1a1a; border-bottom-color:#1a1a1a; border-left-color:#1a1a1a; border-style:solid; border-width:1px 0px 0px 0px !important; } .uxGrid .x-grid-cell, .uxGrid .x-grid-rowwrap-div{ background-color: #ffffff !important; border-right-color:#dfdfdf; border-bottom-color:#d3d3d3; border-style: solid; border-width:0px 0px 1px 0px; } .uxGrid .x-column-header-inner{border-top:0px solid #adadad !important;padding:4px 10px 2px 10px !important;} .uxGrid .x-grid-row.x-grid-row-selected .x-grid-cell, .uxGrid .x-grid-row.x-grid-row-selected .x-grid-rowwrap-div { background-color: #c1ddf1 !important; border-right-color:#dfdfdf; border-bottom-color:#d3d3d3; border-style: solid; color:inherit; /*border-width:1px 1px 1px 0px;*/ } .uxGrid .x-box-inner .x-group-sub-header, .uxGrid .x-box-inner .x-group-sub-header:last-child { border-top: 1px solid #b7b7b7 !important; border-right: 1px solid #dedede !important; border-bottom: none; border-left:none; } .uxGrid .x-box-inner .x-group-sub-header { background:#f3f3f3 !important; text-align: center; padding-top: 0px; font-size: 10px; } .uxGrid .x-box-inner .x-group-sub-header .x-column-header-over, .uxGrid .x-box-inner .x-group-sub-header .x-column-header-sort-ASC, .uxGrid .x-box-inner .x-group-sub-header .x-column-header-sort-DESC { background:#f3f3f3 !important; text-align: center; padding-top: 0px; font-size: 10px; } .uxGrid .x-grid-row .x-grid-cell{ font-size:12px; } .uxGrid .x-grid-row-alt .x-grid-cell, .uxGrid .x-grid-row-alt .x-grid-rowwrap-div, .uxGrid .x-grid-row-alt .x-grid-cell-special { background-color: #f4f4f4 !important; } .uxGrid .x-grid-cell-inner {line-height:20px !important} .uxGrid.x-grid-with-row-lines .x-grid-cell-inner{padding:2px 10px 1px 10px !important;} .uxGrid .x-grid-row-selected .x-grid-cell-special{ background-image: none !important; } .uxGrid .x-grid-row:hover, .uxGrid .x-grid-row-over .x-grid-cell, .uxGrid .x-grid-row-over .x-grid-rowwrap-div { background:#e2eff8 ; font-weight:normal !important} .uxGrid .x-column-header-over, .uxGrid .x-column-header-sort-ASC, .uxGrid .x-column-header-sort-DESC { background:#cdcdcd !important; } .uxGrid .x-grid-cell-inner, .uxGrid .x-grid-cell-inner a { color:inherit; } .uxGrid .x-grid-row:hover .x-grid-cell .x-grid-cell-inner { font-weight:500; } /* .gridSkin .x-grid-row:hover .x-grid-cell .x-grid-cell-inner .iconLineChart, .gridSkin .x-grid-row:hover .x-grid-cell .x-grid-cell-inner .iconConfigure, .gridSkin .x-grid-row:hover .x-grid-cell .x-grid-cell-inner .iconAssetConfiguration, .gridSkin .x-grid-row:hover .x-grid-cell .x-grid-cell-inner .iconDiagnosis{ -webkit-filter: brightness(9); filter: brightness(9); } */ .uxGrid .x-grid-row-checker { margin-left:-5px; } .uxGrid .x-grid-row-checker, .uxGrid .x-column-header-checkbox .x-column-header-text{ background-image: url("../images/Light/checkbox_new.png"); background-position:0px 0px; height:16px; width:16px; padding:0px !important; } .uxGrid .x-grid-cell-inner .x-grid-row-checker { background-image: url("../images/Light/checkbox_new.png"); background-position:0px 0px; height:16px; width:16px; padding:0px !important; } .uxGrid .x-grid-hd-checker-on .x-column-header-text, .uxGrid .x-grid-row-selected .x-grid-row-checker, .uxGrid .x-grid-row-checked .x-grid-row-checker { background-position:0px -20px !important; } .uxGrid .x-column-header-trigger { background-color:#BBBBBB; display:none; background-image:url('../images/Light/grid3-hd-btn_new.gif'); } .uxGrid .x-grid-group-hd .x-grid-cell-inner{ background:#acacac;padding:2px 0px 2px 10px;border-width:0px;} .uxGrid .x-grid-group-title{ color:inherit; font-size:11px} .uxGrid .x-action-col-cell div{ text-align:center !important;} /* .gridSkin .x-action-col-cell div img{margin-top:3px} -- hidden for text and image alignment in grid row. - Jaiwin */ .uxGrid .x-column-header-sort-DESC .x-column-header-text{ background:url('../images/Light/grid_sort_down.png') right 0px no-repeat; line-height:15px; } .uxGrid .x-column-header-sort-ASC .x-column-header-text{ background:url('../images/Light/grid_sort_top.png') right 0px no-repeat; line-height:15px; } .uxGrid .x-grid-header-ct{ border-width:0px !important; background:#cdcdcd;} .uxGrid div.x-panel-header.x-accordion-hd{ border-width:0px 0px 0px 0px !important; background: #fbfbfb !important; } .uxGrid div.x-panel-header.x-accordion-hd .x-panel-header-text{ font-size: 12px !important; font-weight:500; } /***************Grid panel Design styles end here *********/ .aggMeasureInfoTableHeader div.x-panel-header{ background: #D9D9D9; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow:none; border-width:0px 0px 0px 0px !important; border-color:#D9D9D9; padding:0px; } .aggMeasureInfoTableHeader .x-panel-header-text-container{ padding:4px 10px 2px 10px !important; } .aggMeasureInfoTableHeader .x-panel-header-text{ font-size:12px; font-weight:500; color:inherit; text-align:left !important; text-transform:none; } table.aggMeasureInfoTable{ border-color: #D9D9D9;border-collapse:collapse;border-width: 1px 1px 1px 1px; } table.aggMeasureInfoTable tbody tr:nth-child(even) {background-color:#f4f4f4} table.aggMeasureInfoTable tbody tr:nth-child(odd) {background-color:#ffffff} table.aggMeasureInfoTable tbody tr td:nth-child(even) {border:1px solid #D9D9D9;padding:3px 10px 3px 10px;} table.aggMeasureInfoTable tbody tr td:nth-child(odd) {border:1px solid #D9D9D9;padding:3px 10px 3px 10px;} table.aggMeasureInfoTable tbody tr td table tbody tr td {border:0px !important;padding:0px !important;} table.aggMeasureInfoTable tbody tr td table tbody tr {background-color:transparent !important} /*aggregates_popup style*/ .aggregates_popup{ display:block; position:absolute; top:200px; left:350px; z-index:99999; padding:10px 10px 5px 10px; width:500px; /* height:200px; */ background-color: #535353; } .aggregates_popup .header{ padding:0px 0px 0px 0px; font-weight:500; font-size: 14px; color: #f7f7f7; line-height: 1.5em; text-transform: uppercase; } .aggregates_popup_body{ overflow:hidden; background: #ffffff !important; font-size:12px; text-align:left; white-space:normal; display: block; word-break: break-word; } .grid_editable_cell{ background:transparent url('../images/Light/grid_cell_arrow_editable.png') 97% center no-repeat !important } /*Netflow design Starts*/ .NetpieHeader{ font-weight:500; font-size: 12px; border: 1px solid #CDCDCD; padding-left: 10px; background:#F6F6F6; } .pieSeperatorLine { border-right:1px solid #c1c1c1; } .pieSeperatorlastChild{ background:none no-repeat center right transparent !important; border-right: 0px solid #c1c1c1 !important; } .netflowFont{font-weight:500;font-size:11px;} .netflowLabel{ word-wrap: break-word; } .pagenation{ margin-left:15px; margin-right:15px; } .pie_dot{ display:-webkit-inline-box; margin:5px 5px 5px 6px; cursor:pointer; width: 100%; height: 100%; background-image: url('../images/Light/pieChartNavigationDot.png') ; } .pie_dot_light{ display:-webkit-inline-box; margin:5px 5px 5px 6px; cursor:pointer; width: 100%; height: 100%; background-image: url('../images/Light/pieChartNavigationDotHighlight.png') ; } #netflowNavigation{ text-align:center; background-image: url('../images/Light/pieChartNavigationBg.png') ; background-size:100% 85%; width:100%; background-repeat:no-repeat; min-width: 75px; } .page_con{ background-image: url('../images/Light/pieChartNavigationDotHighlight.png'); } .tablesorter tbody { height: 100px; overflow-y: auto; overflow-x: hidden; } .tablesorter tbody td:last-child, .tablesorter thead th:last-child { /*J - avoid all thead conflict */ border-right: none; } .PieBackground{ background-color: #f2f2f2 !important; -webkit-box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, -1px 0px 10px 3px rgba(100,100,100,0.35),-1px 0px 10px 3px rgba(100,100,100,0.35); -moz-box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, -1px 0px 10px 3px rgba(100,100,100,0.35),-1px 0px 10px 3px rgba(100,100,100,0.35); box-shadow:10px 0px 10px -7px rgba(0,0,0,0.7), -10px 0px 10px -7px rgba(0,0,0,0.6); } .pie_columnTop { border:1px solid #dedede !important; -webkit-box-shadow: 1px 1px 1px 1px rgb(239, 239, 239); -moz-box-shadow: 1px 1px 1px 1px rgb(239, 239, 239); box-shadow: 1px 1px 1px 1px rgb(239, 239, 239); z-index:1; } .datapnl{ border:0px solid #dedede !important; -webkit-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); margin-bottom:5px !important; } .netdatapanel{ box-shadow:none; margin-bottom:0px !important; } .netflowLabel{ font-weight:500; font-size:11px !important;line-height:1.5em; } #center_div{ position:relative; top:-2px; height:18px; min-width:30px; display: inline-block; background: #E5E5E5; text-align:center; } #corner_left{ background-image: url('../images/Light/corner_left.png') ; display: inline-block; background-repeat:no-repeat; width:28px; height:18px; } #corner_right{ background-image: url('../images/Light/corner_right.png') ; display: inline-block; background-repeat:no-repeat; width:28px; height:18px; } /*Netflow design Ends*/ .x-grid-row .x-grid-cell-row-checker{ vertical-align:top; } /* ----------- End -------------- */ .noGraphTitle{ text-align:center; width:100%; font-size: 12px; font-weight:500; } /* End */ .dropdown24.authentication_combo input.x-form-text, .dropdown24.authentication_combo textarea.x-form-field { padding: 1px 25px !important; background-color: #fff; background-image: url('../images/Light/admin_login.png') !important; background-repeat:no-repeat !important; background-position:5px 5px !important; } .dropdown24.domain_combo input.x-form-text, .dropdown24.domain_combo textarea.x-form-field { padding: 1px 25px !important; background-color: #fff; background-image: url('../images/Light/admin_login.png') !important; background-repeat:no-repeat !important; background-position:5px -13px !important; } #wrapLongText { word-break: break-all; } /*-----------UX dashboard ------------------------------------*/ .prog_border{width:80px;border-left-width:0px;border-right-width:0px;border-top-width:0px;border-bottom-width:0px;border-style:solid;border-color:#999999;padding:0px;margin:0px;background:#d3d3d3;} /*.prog_line{padding:0px;height:8px;background-image:url("../images/Light/progress_line.gif");background-repeat:no-repeat;}*/ .prog_line{padding:0px;height:6px;background:#d3d3d3;background-repeat:no-repeat;} #prog_border{border-left-width:0px;border-right-width:0px;border-top-width:0px;border-bottom-width:0px;border-style:solid;border-color:#999999;padding:0px;margin:0px} #prog_line{padding:0px;height:6px;background:#d3d3d3;background-repeat:no-repeat;} /* removed by VIJAY - because of image bg not used .progress_HIGH{background-image:url("../images/Light/progress_HIGH.gif")!important;color:#FFFFFF;background-repeat:no-repeat;} .progress_INTERMEDIATE{background-image:url("../images/Light/progress_INTERMEDIATE.gif")!important;color:#FFFFFF;background-repeat:no-repeat;} .progress_LOW{background-image:url("../images/Light/progress_LOW.gif")!important;color:#FFFFFF;background-repeat:no-repeat;} .progress_UNKNOWN{background-image:url("../images/Light/progress_UNKNOWN.gif")!important;color:#FFFFFF;background-repeat:no-repeat;} .progress_GOOD{background-image:url("../images/Light/progress_GOOD.gif")!important;color:#FFFFFF;background-repeat:no-repeat;} */ .progress_GOOD{background:#0c9a12 !important;color:#FFFFFF;z-index:10000} .progress_HIGH{background:#cd0f0f !important;color:#FFFFFF;z-index:10000} .progress_INTERMEDIATE{background:#fa9d1c !important;color:#FFFFFF;z-index:10000} .progress_LOW{background:#ccc100 !important;color:#FFFFFF;z-index:10000} .progress_UNKNOWN{background:#30a1d9 !important;color:#FFFFFF;z-index:10000} /*------------Table grid------------------------------------*/ .uxContainer{ border-top:0px solid #e3e3e3 !important; border-right:0px solid #e3e3e3 !important; border-bottom:1px solid #e3e3e3 !important; border-left:0px solid #e3e3e3 !important; } /*.uxTable { width:100%; border-top:#e3e3e3 0px solid; border-left:#e3e3e3 1px solid; border-right:#e3e3e3 1px solid; border-bottom:#e3e3e3 1px solid; width:auto\0/;width:auto\9 }*/ .uxTable table.x-grid-table{ width:100%; border-top:#e3e3e3 0px solid; border-left:#e3e3e3 0px solid; border-right:#e3e3e3 0px solid; border-bottom:#e3e3e3 0px solid; } .uxTableOuter{ width:100%; border-top:#e3e3e3 1px solid; border-left:#e3e3e3 1px solid; border-right:#e3e3e3 1px solid; border-bottom:#e3e3e3 0px solid; } .uxTable table tbody tr:nth-child(odd) { background-color:#f4f4f4!important } .uxTable table tbody tr:nth-child(even) { background-color:#ffffff!important } /*.uxTable thead .x-grid-row .x-grid-cell:last-child { border-right:1px solid #adadad !important; padding-right:10px !important }*/ .uxTable table.x-grid-table tbody tr:hover td { background-color:#e2eff8 !important; font-weight: normal !important; vertical-align:middle } .uxTable table.uxInnerTable, .uxTable table.uxInnerTable td, .uxTable table.uxInnerTable tbody tr:hover td {background-color:#cdcdcd !important;font-size:11px;text-align:center;line-height:14px;vertical-align:top;white-space:nowrap;} .uxSortDown{ padding-left:8px; } .uxSortTop{ padding-left:8px; } .uxTable table.uxInnerTable tbody tr td{font-size:11px;text-transform:uppercase !important;} .uxTable table tbody tr td table tbody tr td div a, .uxTable table tbody tr td table tbody tr td {font-size:12px;} /*.uxTable thead .x-grid-row .x-grid-cell { font-size:12px; text-transform:uppercase !important; color:inherit; background:#cdcdcd !important; font-weight:normal; border-top-color: #adadad !important; border-right-color: #adadad !important; border-bottom-color: #adadad !important; border-left-color: #cdcdcd !important; border-style: solid; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 0px !important; white-space:normal; vertical-align:middle }*/ .uxTable thead .x-grid-cell, .uxTable thead .x-grid-cell-inner { font-size:11px; text-transform:capitalize !important; color: #c6c6c6; /*background:#282828!important;*/ padding:8px 2px 8px 2px !important; font-weight:normal; vertical-align:middle } .uxTable thead .x-grid-row { font-size:11px; text-transform:capitalize !important; color:#c6c6c6; background:#444444!important; font-weight:normal; border-top-color: #2e2e2e !important; border-left-color: #525252 !important; border-bottom-color: #2e2e2e !important; border-right-color: #2e2e2e !important; border-style:solid; border-top-width:1px!important; border-right-width:1px!important; border-bottom-width:1px!important; border-left-width:1px!important } .uxTable .x-table thead .x-grid-row { font-size:11px; text-transform:capitalize!important; color:#c6c6c6; background:#444444!important; font-weight:normal; border-top-color: #2e2e2e !important; border-left-color: #525252 !important; border-bottom-color: #2e2e2e !important; border-right-color: #2e2e2e !important; border-style:solid; border-top-width:1px!important; border-right-width:1px!important; border-bottom-width:1px!important; border-left-width:1px!important } .uxTable tr.x-grid-row .x-grid-row-alt{ border-top:1px solid #d3d3d3 !important; } .uxTable tbody .x-grid-row .x-grid-cell { font-size:12px; color:inherit; /*background:transparent !important;*/ font-weight:normal; vertical-align:middle; border-bottom:1px solid #d3d3d3 !important } .uxTable tbody .x-grid-row .x-grid-cell:last-child { font-size:12px; color:inherit; /*background:transparent !important;*/ font-weight:normal; vertical-align:middle; border-right:1px solid #d3d3d3 !important } .uxTable tbody .x-grid-row .x-grid-cell:first-child { font-size:12px; color:inherit; /*background:transparent !important;*/ vertical-align:middle; border-left:1px solid #d3d3d3 !important } .uxTable tbody .x-grid-cell, .uxTable tbody .x-grid-cell-inner { white-space:normal!important; font-size:12px; line-height:18px; background:transparent; } .uxTable div.x-table.no_rap table tbody td>div { white-space:nowrap!important; color:#95999c!important; font-size:12px; line-height:18px; background:transparent } /*.uxTable .x-grid-cell-first { border-width:0 0 1px 0!important; border-left:1px solid #d3d3d3 !important } .uxTable .x-grid-cell-last { border-width:0 0 1px 0!important; border-right:1px solid #d3d3d3 !important }*/ .uxTable .x-grid-row .x-grid-cell .x-grid-cell-inner { padding:3px 10px 3px 10px!important } .uxPageText { font-size:11px; line-height:18px; } .uxTextbox { background:#fff; border:#abb2bd 1px solid; line-height:18px; height:20px; padding:3px; color:#000; line-height:1.2em!important; font-size:10px; } .uxTextbox input:focus { border:#6d7d92 1px solid } .uxButton { background:#757575; border:1px solid #2e2e2e; padding:0; overflow:visible; padding:0 5 0 5; zoom:1; font-size:11px; color:#fff; text-shadow:none!important; display:block; height:20px; line-height:19px!important; cursor:pointer } .uxButton:hover { background:#919191 } .uxPageCount { background:#4c4c4c; padding:2 6 2 6; margin-right:3px; display:block; height:20px; border:1px solid #2e2e2e; font-size:11px; color:#fff } .uxpagingtoolbar-first { background-image:url('../images/Dark/page-first.png')!important; width:16px; height:16px; cursor:pointer } .uxpagingtoolbar-prev { background-image:url('../images/Dark/page-prev.png')!important; width:16px; height:16px; cursor:pointer } .uxpagingtoolbar-last { background-image:url('../images/Dark/page-last.png')!important; width:16px; height:16px; cursor:pointer } .uxpagingtoolbar-next { background-image:url('../images/Dark/page-next.png')!important; width:16px; height:16px; cursor:pointer } .uxpagingtoolbar .x-tbar-loading { background-image:url('../images/Light/refresh.png')!important } .uxpagingtoolbar .x-item-disabled .x-tbar-page-first { background-image:url('../images/Light/page-first-disabled.png')!important } .uxpagingtoolbar .x-item-disabled .x-tbar-page-last { background-image:url('../images/Light/page-last-disabled.png')!important } .uxpagingtoolbar .x-item-disabled .x-tbar-page-next { background-image:url('../images/Light/page-next-disabled.png')!important } .uxpagingtoolbar .x-item-disabled .x-tbar-page-prev { background-image:url('../images/Light/page-prev-disabled.png')!important } .uxAdGroupHead{ background:#ededed; font-size:12px; text-align:left; font-weight:500; height:25px; padding-left:5px; padding-top:8px; color:#000; border-bottom:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3 } .uxBlankCell{ height:10px !important; border-bottom:1px solid #d3d3d3; background:#fff !important } .uxTool {background:#f7f7f7 !important; border:1px solid #d2d2d2 !important} .uxLabel{font-weight:500;font-size:11px} .uxChkLabel .x-form-cb-label.x-form-cb-label-after, .uxComboLabel .x-field-label-cell{vertical-align:3px;line-height:17px} /*.uxTool .x-form-item-label{padding:6px 0 0 !important}changed 31-5-2016 - commented for alignment issue in enduser dashboard page - 13 may 2020 */ /*#searchFilter .x-form-item-label, #groupCombo .x-form-item-label{padding:3px 0 0 !important}changed 3-4-2018 - commented for alignment issue in enduser dashboard page - 13 may 2020 */ .uxTool .x-field-label-cell{text-align:right !important} .uxTooltip.x-tip{ background:#fff; border-color:#cdcdcd !important; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); border-radius:0px 0px; -webkit-border-radius : 0px 0px; -moz-border-radius : 0px 0px; -ms-border-radius : 0px 0px; } .uxTooltip .x-tip-header{ padding-left:11px !important; border-top-color:#828282 !important; border-right-color:#a8a8a8 !important; border-bottom-color:#525252 !important; border-left-color:#727272 !important; border-style:solid; } .uxTooltip .x-tip-body, .uxTooltip .x-form-invalid-tip-body{ background:#fff !important; padding:10px 5px 0 0px; /*D*/ } .uxTooltip .x-tip-header,.uxTooltip .x-form-invalid-tip-body{ font-size:12px; width:100%!important; padding:10px 5px 0 0px; /* for - bugId-18160 - 25july2019 Dinesh */ } .uxTooltip .x-tip-header-text { user-select:none; -o-user-select:none; -ms-user-select:none; -moz-user-select:-moz-none; -webkit-user-select:none; cursor:default; font-size:12px; font-weight:500; padding-left:0px !important; } .uxTooltip .x-tip-anchor{ position: absolute; overflow: hidden; border-style: solid; border-width: 0px; border-color:none; background: url("../images/Light/ux_popupArrow.png") no-repeat left bottom; width: 24px; height: 14px; position: absolute; zoom: 1; } .uxTooltip img.x-tool-close, .uxTooltip img.x-tool-over .x-tool-close{ left:0px !important; /*31-5-2016*/ position:absolute } /* Added for Grid Tootl tip */ /*------------Alarm details 16/11/2021---vijay-------------*/ .alarmTooltipArrow{ background:url("../images/Light/alarmTipArrow.png") no-repeat left top transparent; width: 12px; height: 8px; position:relative; z-index:9999; } /*.alarmTable tbody tr.x-grid-row td:first-child{ display:block; width:25px; line-height:27px } */ .alarmTable tbody tr.x-grid-row td.x-grid-cell img.state_HIGH, .alarmTable tbody tr.x-grid-row td.x-grid-cell img.state_GOOD, .alarmTable tbody tr.x-grid-row td.x-grid-cell img.state_LOW, .alarmTable tbody tr.x-grid-row td.x-grid-cell img.state_INTERMEDIATE, .alarmTable tbody tr.x-grid-row td.x-grid-cell img.state_GRAY{ position:relative; left:5px; top:6px; width:17px } .alarmTable tbody tr.x-grid-row td.x-grid-cell img.iconDiagnosis, .alarmTable tbody tr.x-grid-row td.x-grid-cell img.iconLineChart{ position:relative; left:5px; top:5px } /*--- tooltip icon alignment - 24-5-2022--*/ #tipID .alarmTable{ /*width:100% !important;*/ border:1px solid #bfbebf; table-layout:auto } #tipID .alarmTable .iconHistory, #tipID .alarmTable .iconModify { padding:0px 5px 0px 5px; position:relative; top:3px } #tipID .alarmTable thead tr th:nth-child(5), #tipID .alarmTable thead tr th:nth-child(6){ width:80px !important } .alarmTable{ /*width:100% !important;*/ border:1px solid #bfbebf; table-layout:fixed } .alarmTable .x-grid-row .x-grid-cell{ border-width:1px 0 1px 0 !important } .alarmTable.tr .x-grid-row:hover .x-grid-cell .x-grid-cell-inner, .alarmTable .x-grid-row:hover .x-grid-cell .x-grid-cell-inner a{ color:#c6c6c6 ; font-weight:500; font-size:12px ; background: #dedede !important; } /*.alarmTable thead.x-grid-row .x-grid-cell.x-grid-cell-first{ border-bottom:1px solid #adadad; border-right:1px solid #adadad; border-top:1px solid #adadad; }*/ .alarmTable thead .x-grid-row .x-grid-cell.x-grid-cell-last{ border-bottom:1px solid #bfbebf !important; border-right:0px solid #bfbebf !important;/*F*/ border-top:0px solid #bfbebf !important; border-left:0px solid #bfbebf !important; background: #dedede !important;/*V*/ } .alarmTable thead .x-grid-row .x-grid-cell{ border-bottom:1px solid #bfbebf !important; border-left:1px solid #bfbebf !important;/*F*/ border-right:1px solid #bfbebf !important; border-top:1px solid #bfbebf !important; font-size:12px !important; font-weight:500 !important; background: #dedede !important; padding-left:10px } .alarmTable thead tr div.x-grid-cell-inner{ padding-left:10px!important; } .alarmTable div.x-grid-cell-inner{ font-weight:normal !important; } .alarmTable tbody tr td div.x-grid-cell-inner{ font-weight:normal !important; } table.alarmTable tbody tr:nth-child(even) td {background: #f8f8f8 !important;} table.alarmTable tbody tr:nth-child(odd) td {background: #fff !important;} table.alarmTable tbody tr td div.x-grid-cell-inner td {background: none !important;overflow:hidden;text-overflow:ellipsis} .alarmTable thead .x-grid-row .x-grid-cell.x-grid-cell-first, .alarmTable thead .x-grid-row .x-grid-cell.x-grid-cell{ border-bottom:1px solid #c6c6c6; border-right:1px solid #c6c6c6; font-size:12px; color: #191919; background: #dedede !important; padding-left:10px } .alarmTable tbody tr.x-grid-row:hover .x-grid-cell{ font-size:12px !important; background-color:#e2eff8 !important; } .alarmTable thead th.x-grid-row:hover .x-grid-cell{ font-size:12px !important; background-color:#dedede !important; } .alarmTable .x-grid-cell, .alarmTable .x-grid-rowwrap-div{ font-weight:normal !important; } .alarmTable thead .x-grid-row .x-grid-cell .x-grid-cell-inner{ padding:3px 0px 3px 0px !important; font-weight:500 !important; font-size: 12px !important; } .alarmTable tbody .x-grid-row .x-grid-cell .x-grid-cell-inner{ padding:2px 0px 2px 10px !important; font-size: 12px !important; top:2px; } .alarmTable thead .x-grid-row{ font-size: 12px !important; text-transform: uppercase; text-shadow: none; background: #dedede !important; border-top-color: #bfbebf !important; border-left-color: #bfbebf !important; border-bottom-color:#bfbebf !important; border-right-color: #bfbebf !important; border-style: solid; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 1px !important; border-left-width: 0px !important; font-weight:600; color:#1a1a1a } /*-----------alarm details - close icon-------------*/ .iconAlarmDetailsClose{ display:block; box-sizing:border-box; width:16px; height:16px; border-width:0px; border-style: solid; border-color:red; border-radius:100%; position:relative; left:-23px; top:-1px; background:#656565; float:right /*background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, white 46%, white 56%,transparent 56%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 46%, white 46%, white 56%,transparent 56%, transparent 100%); background-color:#656565; box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);*/ /* transition: all 0.3s ease; */ } .iconAlarmDetailsClose:after { position: relative; content: '\00d7'; color: #fff; font-weight:400; top: -0.17vw; font-size: medium; } .iconConfigDetailsClose{ display:block; box-sizing:border-box; width:16px; height:16px; border-width:0px; border-style: solid; border-color:red; border-radius:100%; position:relative; left:27px; top:-21px; background:#656565; float:right } .iconConfigDetailsClose:after { position: relative; content: '\00d7'; color: #fff; font-weight:400; top: -0.13vw; font-size: medium; } @media only screen and (min-device-width : 2160px) and (max-device-width : 3840px) { .configHeaderTable{ width:99% } #historysummary .iconConfigDetailsClose{ display:block; box-sizing:border-box; width:16px; height:16px; border-width:0px; border-style: solid; border-color:red; border-radius:100%; position:relative; left:8px; top:-16px; background:#656565; float:right } .iconConfigDetailsClose{ display:block; box-sizing:border-box; width:16px; height:16px; border-width:0px; border-style: solid; border-color:red; border-radius:100%; position:relative; left:32px; top:-21px; background:#656565; float:right } } @media only screen and (min-device-width : 1920px) and (max-device-width : 2159px) { .configHeaderTable{ width:99% } #historysummary .iconConfigDetailsClose{ display:block; box-sizing:border-box; width:16px; height:16px; border-width:0px; border-style: solid; border-color:red; border-radius:100%; position:relative; left:8px; top:-16px; background:#656565; float:right } .iconConfigDetailsClose{ display:block; box-sizing:border-box; width:16px; height:16px; border-width:0px; border-style: solid; border-color:red; border-radius:100%; position:relative; left:24px; top:-21px; background:#656565; float:right } } @media only screen and (min-device-width : 1360px) and (max-device-width : 1919px) { #historysummary .iconConfigDetailsClose{ display:block; box-sizing:border-box; width:16px; height:16px; border-width:0px; border-style: solid; border-color:red; border-radius:100%; position:relative; left:8px; top:-16px; background:#656565; float:right } .iconConfigDetailsClose{ display:block; box-sizing:border-box; width:16px; height:16px; border-width:0px; border-style: solid; border-color:red; border-radius:100%; position:relative; left:31px; top:-21px; background:#656565; float:right } } /*----Alarm details arrows----------*/ .iconAlarmTriangleUnknown{ width:0; height:0; border-width:0 5px 5px 5px; border-color:transparent transparent #6f6f6f transparent; border-style:solid; transform:rotate(180deg); position:relative; top:15px } .iconAlarmTriangleUnknownUp{ width:0; height:0; border-width:0 5px 5px 5px; border-color:transparent transparent #6f6f6f transparent; border-style:solid; transform:rotate(360deg); position:relative !important; top:-9px !important } .iconAlarmTriangleUnknownDown{ width:0; height:0; border-width:0 5px 5px 5px; border-color:transparent transparent #6f6f6f transparent; border-style:solid; transform:rotate(180deg); position:relative; top:7px } .iconAlarmTriangle{ width:0; height:0; border-width:0 5px 5px 5px; border-color:transparent transparent #6f6f6f transparent; border-style:solid; transform:rotate(180deg) translate(0, 3px); vertical-align: bottom; } .iconAlarmTriangleUp{ width:0; height:0 ; border-width:0 5px 5px 5px; border-color:transparent transparent #6f6f6f transparent; border-style:solid; transform:rotate(360deg) translate(0, -3px); vertical-align: bottom; } .iconAlarmTriangleDown{ width:0; height:0; border-width:0 5px 5px 5px; border-color:transparent transparent #6f6f6f transparent; border-style:solid; transform:rotate(180deg) translate(0, 3px); vertical-align: bottom; } /*-----alarm details icons--------------*/ .iconConfigRemoved, .iconConfigChanged, .iconConfigAdded{ background: url("../images/Light/AlarmConfigDetails-sprite.png") no-repeat left bottom; width:14px; height:14px; margin-top:1px } .iconConfigRemoved{ background-position : -1px 0; margin-top:2px } .iconConfigChanged{ background-position : -14px 0; } .iconConfigAdded{ background-position : -28px 0; } .iconConfigRemoved + div, .iconConfigChanged + div, .iconConfigAdded + div{ font-size:11px } .alarmHighlight{ padding:1px 2px 0px 2px; font-weight:500; font-size:11px; margin-left:4px; display:inline-block; height:15px; white-space:nowrap; } .alarmHighlightToolTip{ padding:1px 2px 0px 2px; font-size:11px; margin-left:4px; display:inline-block; height:15px; white-space:nowrap; } .alarmHighlight1{ padding:0px 2px 0px 2px; font-size:11px; margin-left:4px; display:inline-block; height:17px; white-space:nowrap } .alarmHighlight2{ padding:3px 2px 1px 2px; font-size:11px; margin-left:4px; height:20px; white-space:normal; word-wrap:break-word !important; } .alarmHighlight3{ border:none !important; padding:4px 5px !important; font-weight:500; font-size:12px; white-space:normal; word-wrap:break-word !important; } .alarmHighlight3ToolTip{ padding:3px 2px 1px 2px; color:#1a1a1a; font-weight:500; font-size:11px; margin-left:4px; height:20px; white-space:normal; word-wrap:break-word !important; } .alarmTableHeadInner{ margin-left:0px !important; } .alarmTableHeadBg{ border-width:1px 1px 1px 1px; border-style:solid; border-color:#c6c6c6; color:#191919; font-weight:500; font-size:11px; background:#e2e2e2; width:100%; } .alarmTableHeadBgToolTip{ border-width:1px 1px 0px 1px; border-style:solid; border-color:#d3d3d3; font-weight:500; font-size:11px; height:22px; position:relative; display:inline-block; } .alarmTableHeadBg div.alarmTableHeadInner{ border-bottom: 0px solid #333333; padding-left:5px !important; } .alarmTableHeadBg td{ padding:4px 2px 2px 5px !important; vertical-align:top; } .alarmTableHeadBgToolTip td{ padding:2px 2px 2px 4px; background:#e8e8e8; vertical-align:top; } .alarmTableHeadBgToolTip{margin-top:0px} .alarmTableHeadBgNoninfo{ border-width:1px 1px 1px 1px; border-style:solid; border-color:#d3d3d3; /*border-color:red;*/ /*height:30px;*/ position:relative; } .alarmTableHeadBgNoninfo td{padding:2px 4px 2px 4px;background:#e8e8e8;} /*.alarmTableHeadBg{margin-top:0px}*/ .alarmTableBodyBg{ border-width:1px 1px 0px 1px;/*F*/ border-style:solid; border-color:#c6c6c6; background:#ffffff; /*border-color:green;*/ top:30; font-size:11px; /*padding-top:3px;*/ } .alarmTableBodyBg table tr:nth-child(1) td:nth-child(n){ border-top:0px solid #c6c6c6; } .alarmTableBodyBg table tr:nth-child(odd) td{ border-top:1px solid #c6c6c6; } .alarmTableBodyBg table tr:nth-child(odd){ background:#ffffff !important; } .alarmTableBodyBg table tr:nth-child(even) td{ border-top:1px solid #c6c6c6; } .alarmTableBodyBg table tr:nth-child(even){ background:#f1f1f1 !important; border-top:1px solid #c6c6c6; } .alarmTableBodyBg:last-child{/*F*/ border-width:1px 1px 1px 1px; } .alarmTableBodyBg table tr:nth-child(n) td:first-child.lastRowfalse{ border-width:0px 0px 0px 0px; border-color:#c6c6c6; border-style:solid; background:none; } .alarmTableBodyBg:last-child.lastRowtrue{/*F*/ border-width:1px 1px 1px 1px; } .alarmTableBodyBg:last-child.lastRowfalse{/*F*/ border-width:1px 1px 0px 1px !important; } .alarmTableBodyBgToolTip{ border-width:1px 1px 1px 1px; color:#1a1a1a; border-style:solid; border-color:#d3d3d3; background:#e8e8e8; top:30; font-size:11px; padding-top:3px; } .alarmTableBodyBg table{/*F*/ border-collapse: separate; } .alarmTableBodyIcon{line-height:9px !important;padding:0px 0px 0px 5px !important;background:#e8e8e8;} /*F*/ .alarmTableBodyBg td{ padding:4px 0px 4px 3px; line-height:15px; /*background:#ffffff;*/ white-space:pre-wrap; text-overflow:clip; } .alarmTableBodyBgToolTip td{ padding:8px 5px; background:#e8e8e8; vertical-align:middle; } .alarmTableHeadBgInnerNoninfo{ border-width:0px 0px 0px 0px; border-style:solid; border-color:#d3d3d3; /*border-color:red;*/ /*height:30px;*/ position:relative; } .alarmTableHeadBgInnerNoninfo td{padding:2px 4px 2px 4px;background:#e8e8e8;} /* dinesh change this for current alams - 14june19 */ .actionIcon.x-action-col-icon{ margin-left:4px !important; text-align:left !important } /*-------Action icon for alarm details popup--------------*/ .actionIconAlarmDetails.x-action-col-icon{ margin-left:10px !important; text-align:left !important } .actionIconAlarmDetailsUnknown.x-action-col-icon{ margin-left:38px !important; text-align:left !important; height:20px; position:relative; top:7px } /*-------Action icon for alarm details popup--------------*/ .alarmTooltipHeaderBg{ background:#585858; } .alarmTooltipHeaderfont { font-weight:500; font-size:14px; padding:3px 0 0px 10px; color:#fff; text-transform:uppercase; border-bottom:0px solid #4e4e4e; } .alarmTooltipBodyBg{ background-color:#585858; padding: 7px 10px 10px 10px;/*V*/ } .alarmTipBodySpace{ padding:0px 0px 0px 0px;/*V*/ } .alarmTooltipBorder{ border:1px solid #cdcdcd; } .alarmTipBg{background:#757575 !important;padding: 10px;border:1px solid #4a4a4a} .currAlmcrollDiv{/*F*/ /*margin:0px 10px 10px 10px; padding: 10px;*/ padding:0px 30px 10px 55px; /*background: #fff;*/ margin-top:-10px; overflow:hidden !important } .currAlmGridCellBtmBorder{/*F*/ border-bottom: 1px solid #d3d3d3; } .mouseOverRemove{cursor:default; cursor:default; text-align:center;visibility:hidden} /*----vijay--7-9-2016---- current alarms action column------------*/ /*#currentAlarmsGrid .x-grid-row-checker{margin-left:-5px !important;margin-top:0px} /*----Check box issue fixed 14-6-2018*//*F*/ /*#currentAlarmsGrid .x-grid-cell-inner{text-align:left !important;cursor:pointer;cursor:hand;}*/ /*#currentAlarmsGrid .alarmHighlight3:hover, #currentAlarmsGrid .x-grid-cell-inner .alarmHighlight3:hover{font-weight:500;}*//*F*/ #currentAlarmsGrid .alarmHighlight:hover{font-weight:400;} /*----vijay--7-9-2016---- current alarms action column------------*/ /*-----------Current Alarms---------------------*/ /* External Dashboard----------------------------------*/ .emdTree .x-tree-panel .x-panel-body, .emdTree .x-panel-body{ background:#ffffff !important; border:0px solid #d2d2d2 !important; margin:0px; padding:5px 10px 10px 10px !important; /* padding:0px;*/ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .emdTree.x-panel-default-framed{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .emdTree .x-docked-noborder-left { border-left-width: 0!important; } .emdTree .x-docked-noborder-bottom { border-bottom-width: 0!important; } .emdTree .x-docked-noborder-right { border-right-width: 0!important; } .emdTree .x-docked-noborder-top { border-right-width: 0!important; } .emdTree .x-panel-header, .x-nlg .emdTree .x-panel-header-default-framed-top{ background: #fff !important; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; padding:3px 6px 3px 6px!important; box-shadow:none; border-width:0px 0px 0px 0px; border-color:#b0b0b0; } .emdTree .x-grid-header-hidden .x-grid-body { border-top-color: transparent !important; } .emdTree .x-panel-header-text-container{ padding:0px 5px 0px 0px; } .emdTree .x-panel-header-text{ font-size:12px; font-weight:500; text-transform:uppercase; line-height:19px; } .emdTree .x-grid-cell, .treePanelDesign .x-grid-cell-inner { font-size:11px; } .emdTree .x-grid-row .x-grid-cell-inner{ padding:3px 4px 1px 4px !important; margin:0px 0px 0px 0px !important; line-height:1.8em !important; } .emdTree .x-grid-row .x-grid-cell .x-tree-icon{ margin:1px 2px 0px 0px;} .emdTree.x-tree-arrows .x-tree-elbow-plus, .emdTree.x-tree-arrows .x-tree-elbow-end-plus, .emdTree.x-tree-arrows .x-tree-elbow-empty{ margin:0px 0px 0px 0px !important; } .emdTree .x-tree-panel .x-grid-cell-inner .x-tree-elbow-end-plus{ margin:0px 0px 0px 0px !important; } .emdTree tr:nth-child(even).x-grid-row .x-grid-cell { background: #ffffff !important; border-color: #d3d3d3; border-style:solid; border-width: 0 0 1px 0px; } .emdTree tr:nth-child(odd).x-grid-row .x-grid-cell { background: #f4f4f4 !important; border-color: #d3d3d3; border-style:solid; border-width: 0 0 1px 0px; } .emdTree .x-grid-row-over .x-grid-cell, .emdTree .x-grid-row-over .x-grid-cell-inner, .emdTree .x-grid-row-over .x-grid-rowwrap-div{ background-color: #e2eff8 !important; } .emdTree .x-grid-row-selected .x-grid-cell, .treePanelDesign .x-grid-row-selected .x-grid-cell-inner, .treePanelDesign .x-grid-row-selected .x-grid-rowwrap-div { background-color: #c1ddf1 !important; font-weight:500; } .emdTree .x-grid-row-focused .x-grid-cell, .x-grid-row-focused .x-grid-rowwrap-div { border-color: #ddd; background-color: #ff0000; } .emdTree div.x-column-header{background:#fff} /*emd grid---------------------------*/ .emdGrid{ /*border:1px solid #cdcdcd; jaiwin- removeShadow7 -webkit-box-shadow: 0px 0px 4px 0px rgba(100,100,100,0.5); -moz-box-shadow: 0px 0px 4px 0px rgba(100,100,100,0.5); box-shadow: 0px 0px 4px 0px rgba(100,100,100,0.5);*/ border:1px solid #bdbdbd !important; border-radius:0px; -webkit-border-radius:0px; background: #fbfbfb; } .emdGrid .x-column-header-inner .x-column-header-text { font-weight:400; } .emdGrid .x-panel-header, .emdGrid div.x-panel-header, .emdGrid div.x-panel-header { background: #fff !important; border-width:0px 0px 0px 0px !important; border-color:#e3e3e3; box-shadow:none; padding-top:13px !important } .emdGrid .x-panel .x-grid-body{background:#fff !important} .emdGrid .x-grid-table{ } .emdGrid div.x-panel-header span.x-panel-header-text{ font-size:12px; /* text-shadow: 1px 0 0 #ffffff; */ font-weight:500; } .emdGrid.gridShadow{ /* jaiwin- removeShadow8*/ } .emdGrid div.x-column-header{ font-size:11px; text-transform:capitalize; text-shadow:none; background:#fff !important; font-weight:normal; border-color:#adadad #adadad #adadad #cdcdcd !important; border-style:solid; border-width:1px 1px 0px 1px !important; background:#cdcdcd } .emdGrid .x-grid-header-ct { border-color:#cdcdcd #adadad #adadad #adadad !important; border-style:solid; border-width:1px 0px 1px 0px!important; background:#cdcdcd } .emdGrid div.x-column-header-first{ border-width:1px 1px 0px 0px !important; background:#cdcdcd } .emdGrid div.x-column-header-last{ border-width:1px 0px 0px 1px !important; background:#cdcdcd } .emdGrid .x-grid-view{ border-top-color:#adadad !important; border-right-color:#1a1a1a; border-bottom-color:#1a1a1a; border-left-color:#1a1a1a; border-style:solid; border-width:1px 0px 0px 0px !important; } .emdGrid .x-grid-cell, .emdGrid .x-grid-rowwrap-div{ background-color: #ffffff !important; border-right-color:#dfdfdf; border-bottom-color:#d3d3d3; border-style: solid; border-width:0px 0px 1px 0px; } .emdGrid .x-column-header-inner{border-top:0px solid #adadad !important;padding:4px 10px 2px 10px !important;} .emdGrid .x-grid-row.x-grid-row-selected .x-grid-cell, .emdGrid .x-grid-row.x-grid-row-selected .x-grid-rowwrap-div { background-color: #c1ddf1 !important; border-right-color:#dfdfdf; border-bottom-color:#d3d3d3; border-style: solid; /*border-width:1px 1px 1px 0px;*/ } .emdGrid .x-box-inner .x-group-sub-header, .emdGrid .x-box-inner .x-group-sub-header:last-child { border-top: 1px solid #b7b7b7 !important; border-right: 1px solid #dedede !important; border-bottom: none; border-left:none; } .emdGrid .x-box-inner .x-group-sub-header { background:#f3f3f3 !important; text-align: center; padding-top: 0px; font-size: 10px; } .emdGrid .x-box-inner .x-group-sub-header .x-column-header-over, .emdGrid .x-box-inner .x-group-sub-header .x-column-header-sort-ASC, .emdGrid .x-box-inner .x-group-sub-header .x-column-header-sort-DESC { background:#f3f3f3 !important; text-align: center; padding-top: 0px; font-size: 10px; } .emdGrid .x-grid-row .x-grid-cell{ font-size:12px; } .emdGrid .x-grid-row-alt .x-grid-cell, .emdGrid .x-grid-row-alt .x-grid-rowwrap-div, .emdGrid .x-grid-row-alt .x-grid-cell-special { background-color: #f4f4f4 !important; } .emdGrid .x-grid-cell-inner {line-height:20px !important} .emdGrid.x-grid-with-row-lines .x-grid-cell-inner{padding:2px 10px 1px 10px !important;} .emdGrid .x-grid-row-selected .x-grid-cell-special{ background-image: none !important; } .emdGrid .x-grid-row:hover, .emdGrid .x-grid-row-over .x-grid-cell, .emdGrid .x-grid-row-over .x-grid-rowwrap-div { background:#e2eff8 ; font-weight:normal !important} .emdGrid .x-column-header-over, .emdGrid .x-column-header-sort-ASC, .emdGrid .x-column-header-sort-DESC { background:#cdcdcd !important; } /* hidden by jaiwin for alignment issue .x-ie .x-column-header-inner{ line-height:20px !important; } .gridSkin .x-column-header-inner{ line-height:20px !important; } .x-ie .gridSkin .x-column-header-inner{ line-height:20px !important; } */ .emdGrid .x-grid-cell-inner, .emdGrid .x-grid-cell-inner a { color:inherit; } .emdGrid .x-grid-row:hover .x-grid-cell .x-grid-cell-inner { font-weight:500; } /* .gridSkin .x-grid-row:hover .x-grid-cell .x-grid-cell-inner .iconLineChart, .gridSkin .x-grid-row:hover .x-grid-cell .x-grid-cell-inner .iconConfigure, .gridSkin .x-grid-row:hover .x-grid-cell .x-grid-cell-inner .iconAssetConfiguration, .gridSkin .x-grid-row:hover .x-grid-cell .x-grid-cell-inner .iconDiagnosis{ -webkit-filter: brightness(9); filter: brightness(9); } */ .emdGrid .x-grid-row-checker { margin-left:-5px; } .emdGrid .x-grid-row-checker, .emdGrid .x-column-header-checkbox .x-column-header-text{ background-image: url("../images/Light/checkbox_new.png"); background-position:0px 0px; height:16px; width:16px; padding:0px !important; } .emdGrid .x-grid-cell-inner .x-grid-row-checker { background-image: url("../images/Light/checkbox_new.png"); background-position:0px 0px; height:16px; width:16px; padding:0px !important; } .emdGrid .x-grid-hd-checker-on .x-column-header-text, .emdGrid .x-grid-row-selected .x-grid-row-checker, .emdGrid .x-grid-row-checked .x-grid-row-checker { background-position:0px -20px !important; } .emdGrid .x-column-header-trigger { background-color:#BBBBBB; display:none; background-image:url('../images/Light/grid3-hd-btn_new.gif'); } .emdGrid .x-grid-group-hd .x-grid-cell-inner{ background:#acacac;padding:2px 0px 2px 10px;border-width:0px;} .emdGrid .x-grid-group-title{font-size:11px} .emdGrid .x-action-col-cell div{ text-align:center !important;} /* .gridSkin .x-action-col-cell div img{margin-top:3px} -- hidden for text and image alignment in grid row. - Jaiwin */ .emdGrid .x-column-header-sort-DESC .x-column-header-text{ background:url('../images/Light/grid_sort_down.png') right 0px no-repeat; line-height:15px; } .emdGrid .x-column-header-sort-ASC .x-column-header-text{ background:url('../images/Light/grid_sort_top.png') right 0px no-repeat; line-height:15px; } .emdGrid .x-grid-header-ct{ border-width:0px !important; background:#cdcdcd;} .emdGrid div.x-panel-header.x-accordion-hd{ border-width:0px 0px 0px 0px !important; background: #fbfbfb !important; } .emdGrid div.x-panel-header.x-accordion-hd .x-panel-header-text{ font-size: 12px !important; font-weight:500; } .emdGrid .x-panel-body{background:#fff !important} .emdGrid .x-panel-header-text, .emdGrid .x-panel-header-text-default{ font-size:13px; font-weight:500; text-transform:capitalize !important; } .emdGrid .x-panel-header-text-container{ padding:2px 5px 5px 7px !important } /* outer panel -------------------------*/ .emdOuterpanel{} .emdOuterpanel .x-panel-body { border:0px solid red; /*background:#3a3a3a !important background:#3a3a3a;*/ border:0px; margin:0px; z-index:99; } /*.emdOuterpanel .x-panel-header, .emdOuterpanel div.x-panel-header{ background: #333333 !important; box-shadow:none; border-width:0px 0px 0px 0px !important; border-color:#252525 #252525 #1c1c1c #252525; top:0px !important; margin:0px 1px; padding:2px 5px 3px 5px; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; }*/ .emdOuterpanel .x-form-item-label{ color:inherit !important; padding-top: 5px; } .emdOuterpanel .x-panel-header{ background: #f6f6f6; box-shadow:none; border-width:0px 0px 1px 0px !important; border-color:#252525 #252525 #b2b2b2 #252525; top:0px !important; padding:0px 5px 0px 5px; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; } .emdOuterpanel .x-panel-default-framed{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border:1px solid #bdbdbd !important; padding:0px; /* jaiwin- removeShadow19 -webkit-box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 1); box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 1);*/ /*-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);*/ } .emdOuterpanel .x-panel-header-text-container{ padding:2px 5px 0px 7px; } .emdOuterpanel .x-panel-header-text, .emdOuterpanel .x-panel-header-text-default{ font-size:15px; font-weight:500; text-transform:uppercase; line-height:20px; } .emdOuterpanel .x-panel-body{ background:#e3e3e3; /*padding:12px 5px 12px 12px*/ } .emdOuterpanel .x-btn-default-small, .emdOuterpanel .x-btn-default-toolbar-small, .emdOuterpanel .x-btn-default-toolbar-small-icon{ padding:1px 2px 1px 2px !important; } .emdPanelWithoutHeader .x-form-item-label{ color:#000 !important; font-weight:500; } .datapanel1 .x-form-item-label{ color:#000 !important; font-weight:500; } .emdtable table.x-grid-table{ width:100%;border-color: #D9D9D9;border-collapse:collapse;border-width: 1px 1px 1px 1px;} /*.emdtable table tbody tr:nth-child(even) {background-color:#f4f4f4 !important} .emdtable table tbody tr:nth-child(odd) {background-color:#ffffff !important} .emdtable table.x-grid-table tbody tr:hover td{background:#e2eff8}*/ .emdtable{ width:100%} .emdtable thead .x-grid-row .x-grid-cell{ font-size: 12px; text-transform: uppercase; text-shadow: none; background: #cdcdcd; font-weight: normal; border-top-color: #adadad !important; border-right-color: #adadad !important; border-bottom-color: #adadad !important; border-left-color: #cdcdcd !important; border-style: solid; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; } .emdtable thead .x-grid-cell, .x-table thead .x-grid-cell-inner { line-height:13px; font-size: 12px !important; /*f*/ text-transform: uppercase !important; text-shadow: none; color:#000;/*f*/ background: none !important;/*f*/ } .emdTable.x-table thead .x-grid-cell-first .x-grid-cell-inner{/*f*/ text-align:left } .emdtable tbody .x-grid-row .x-grid-cell, .emdtable tbody .x-grid-row .x-grid-cell table tbody tr td{ border-color: #cdcdcd;/*f*/ background:#fff !important; border-width: 0px 0px 1px 0px; font-size:12px; line-height:18px; } .emdtable tbody .x-grid-row .x-grid-cell{ padding:8px 0 8px 0; vertical-align:middle } .x-table tbody .x-grid-cell, .x-table tbody .x-grid-cell-inner { white-space: normal !important; background: transparent; } div.emdtable.no_rap table tbody td > div{ white-space: nowrap !important; font-size:11px; line-height:18px; background: transparent; } .emdtable .x-grid-cell-first { border-width: 0px 0px 1px 0px !important; } .emdtable thead .x-grid-row .x-grid-cell{ /* padding:4px 4px 4px 4px !important; */ } .emdtable .x-grid-row .x-grid-cell .x-grid-cell-inner{margin:0px 0 0 0;padding:0px 10px 0px 10px !important;} .emdDatapanel{ margin-bottom:15px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -ms-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; border:1px solid #bdbdbd ; /*-webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35);*/ } .emdDatapanel.x-panel-default-framed{ background:#fff; } .emdDatapanel div.x-panel-body{ background:#ffffff !important; /*border:1px solid #cdcdcd;*/ /*border-width:0px 1px 1px 1px; border-style:solid; border-color:#cdcdcd; padding:0px; margin:0px;*/ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .outerpanel .emdDatapanel div.x-panel-body .block1 div.x-panel-body { /*border:1px solid #cdcdcd !important;*/ } .emdDatapanel.x-panel-default-framed{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border-color:#dedede; } .emdDatapanel .x-panel-body .block1 .x-panel-body{ border-width:0px !important;} .emdDatapanel div.x-panel-header{ background: #ffffff; border-width:0px 0px 0px 0px !important; border-color:#afafaf; padding:2px 10px 2px 10px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow:none; /* border:1px solid #cdcdcd !important; */ font-size:12px; font-weight:500; } .emdDatapanel.darkHeader div.x-panel-header{ background: #dbdbdb !important; border-width:0px 0px 1px 0px !important; border-color:#b2b2b2 !important; } .emdDatapanel .x-panel-header-text-container{ padding:12px 5px 0px 5px; } .emdDatapanel span.x-panel-header-text{ font-size:12px; font-weight:500; text-transform:none; } .emdFloatPanel{ border-width: 1px; border-style: solid !important; border-color: #bdbdbd; background: #fff !important; /*-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);*/ } .emd_popupArrow{ background:url("../images/Light/ux_popupArrow.png") no-repeat left top transparent; width: 24px; height: 14px; position:absolute; z-index:9999; } .emdSettingsfont{ font-weight:500; font-size:13px; text-transform:uppercase; } /* Maintenance Analysis *//*V*/ .mainsummary{} .analysisoption{border-top:1px solid #cdcdcd;background:#fff !important} .dv{} .dv .Inactive{} .dv .Active{} .dv table td{ border-width:1px 1px 1px 1px; border-color: #D9D9D9; border-style: solid; padding:0px 5px; } .dv table th{ padding:5px 10px; background:#cdcdcd !important; color:#000; font-size:11px; line-height:18px; } .odd.mainsummary{ background: #f4f4f4 !important; } .ma_datapanel{ border-width:0px 1px 0px 1px ; border-style:solid; border-color:#cdcdcd; } .x-table .odd.mainsummary tbody .x-grid-row .x-grid-cell { background: #f9f9f9; /*V */ border-width: 0px 1px 1px 0px; } .x-table .even.mainsummary tbody .x-grid-row .x-grid-cell { border-width: 0px 1px 1px 0px; } .dv .x-table th.x-grid-cell div.x-grid-cell-inner { padding: 3px 5px 3px 3px !important; } .x-table .mainsummary tbody .x-grid-cell.hostName div{ } .policyDetailsTimeFrequency:last-child, .policyDetails:last-child{ border-width:0px 0px 0px 0px !important ; } .policyDetails , .policyDetailsTimeFrequency{ border-width:0px 0px 1px 0px ; border-style:solid; border-color:#dedede; } /* end Maintenance Analysis V */ /* Configuration module html table styles start here */ .configurationTableMainHead{ border:0px solid #cdcdcd; padding:4px 10px 12px 10px; } .configurationInnerTable{ margin:-1px 0px 0px 0px; border-top:1px solid #bfbebf; border-right:1px solid #bfbebf; border-bottom:0px solid #bfbebf; border-left:1px solid #bfbebf; margin-right:10px } .configurationInnerTable table thead tr th { background-color:#dedede !important; font-size: 12px; /*text-transform: capitalize;*/ text-shadow: none; font-weight: normal; border-bottom: 1px solid #bebfbe !important; border-left: 1px solid #bebfbe !important; font-weight:500; padding:5px 10px 3px 10px; text-transform: uppercase; } .configurationInnerTable table thead tr th:first-child{ border-left: 0px solid #d8d8d8 !important; } .configurationInnerTable table thead tr th div.x-grid-cell-inner { padding:5px 10px 3px 10px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .configurationInnerTable table tbody tr{ border-bottom: 1px solid #bfbebf !important; border-top: 1px solid #bfbebf !important; } .configurationInnerTable table tr td:nth-child(even) { border-top:1px solid #bfbebf !important; border-bottom:1px solid #bfbebf !important; padding:1px 10px 0px 10px;/*---Vijay-1-3-2022---*/ font-size:12px; } .configurationInnerTable table tr td:nth-child(odd) { border-bottom: 1px solid #bfbebf !important; border-top: 1px solid #bfbebf !important; padding:0px 10px 0px 10px;/*---Vijay-1-3-2022---*/ font-size:12px; } .configurationInnerTable table tbody tr:last-child{ border-bottom: 0px solid #e5e5e5 !important; } .configurationInnerTable table tr td.tdLeft { border: 1px solid #ADADAD !important; padding: 3px 10px 3px 10px; text-transform: capitalize; text-shadow: none; font-weight: initial; font-size:12px; line-height:18px; font-weight:500; background-color: #CDCDCD !important; } .configurationInnerTable table tr td.tdRight { border:1px solid #D9D9D9 !important; padding:3px 10px 3px 10px; font-size:12px; background-color:#ffffff !important } .configurationInnerTable table tr:nth-child(even) { background-color:#f8f8f8 !important } .configurationInnerTable table tr:nth-child(odd) { background-color:#ffffff !important } .configurationTable1 table tr,.configurationTable2 table tr{ padding:0px 10px 0px 10px; font-size:12px; line-height:15px; border-bottom: 1px solid #bfbebf !important; border-top: 0px solid #bfbebf !important; } .configurationTable1 table tr,.configurationTable2 table tr td{ line-height:15px } .configurationTable1 table tr td.tdRight:last-child, .configurationTable2 table tr td.tdRight:last-child{ border-right:0px solid #D9D9D9 !important; } .configurationTable1 tbody tr:nth-child(even), .configurationTable2 tbody tr:nth-child(even){ background-color:#f8f8f8 !important } .configurationTable1 tbody tr:nth-child(odd), .configurationTable2 tbody tr:nth-child(odd){ /*background-color:#ffffff !important*/ } .configurationTable1 tbody tr:last-child, .configurationTable2 tbody tr:last-child{ border-bottom: 0px solid #e5e5e5 !important; } .configurationTable1 table tr td.tdLeft, .configurationTable2 table tr td.tdLeft { padding:0px 10px 0px 10px; } .configurationTable1 table tr td.tdRight, .configurationTable2 table tr td.tdRight { padding:0px 10px 0px 10px; border-right:1px solid #D9D9D9 !important; font-weight:500; } .configurationTable2 { margin: 0px 10px 10px 0px; border: 0px solid #e3e3e3 !important; border-collapse:separate; /*padding: 14px 10px 10px 0px !important; background-color: #fff;23/12/2021---*/ } .configurationTable1{ margin: 0px 10px 10px 0px; border: 0px solid #e3e3e3 !important; border-collapse:separate; /*padding: 14px 10px 10px 0px !important; background-color: #fff;23/12/2021---*/ } .configurationTable1:last-child, .configurationTable2:last-child{ margin: 0px 0px 0px 0px; } .configurationTable1 thead tr th{ background-color: none !important; font-size: 12px; text-shadow: none; font-weight: normal; padding: 6px 5px 6px 0px; line-height:18px; border-top: 0px solid #d3d3d3 !important; border-bottom: 1px solid #d3d3d3 !important; font-weight:500; border-left:0px solid #D9D9D9 ; } .configurationTable1 thead tr th.configurationTableInnerHead{ background-color: none !important; font-size: 12px; text-shadow: none; font-weight: normal; padding: 6px 5px 6px 10px; line-height:18px; border-top: 0px solid #d3d3d3 !important; border-bottom: 1px solid #d3d3d3 !important; font-weight:500; border-left:0px solid #D9D9D9 ; } .configurationTable2 thead tr th{ background-color: none !important; font-size: 12px; text-shadow: none; font-weight: normal; padding: 6px 5px 6px 0px; line-height:18px; border-top: 0px solid #d3d3d3 !important; font-weight:500; border-left:0px solid #D9D9D9 ; } .configurationTable1 thead tr th:first-child, .configurationTable2 thead tr th:first-child { border-left:0px solid #D9D9D9 !important; } .configurationTable1 thead tr th div.x-grid-cell-inner, .configurationTable2 thead tr th div.x-grid-cell-inner { padding:5px 10px 3px 10px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .configurationTable1 tbody tr, .configurationTable2 tbody tr{ margin:10px; } .setTable{ margin-right: 10px; } .currentConfig tbody tr:last-child td .configurationTable1{ margin-bottom:0px; } .configurationTable1 > tbody > tr > td, .configurationTable2 > tbody > tr > td{ background:transparent; background-color:none !important; /*background-color:#fafafa;*/ } .configurationTable1 tbody tr td:last-child, .configurationTable2 tbody tr td:last-child{ margin-bottom:10px; background:transparent; background-color:none !important; } .configurationTable1 thead tr th.configurationTableHead, .configurationTable2 thead tr th.configurationTableHead { /*padding: 5px 10px 5px 0px;*/ font-size: 12px; line-height:18px; font-weight:500; } .configHeaderLine{ border-width:0 0 1px 0; border-color:#cdcdcd; border-style:solid; /*position:relative; top:10px; width:auto; margin:0 20px 0 10px*/ } /*------config details---8/11/2021------*/ .configurationTableHead { padding: 7px 10px 7px 0px !important; } .configInnerTable{ border-top:0px solid #bfbebf; border-bottom:1px solid #bfbebf; border-left:1px solid #bfbebf; border-right:1px solid #bfbebf; } .ConfigDockItem{ font-size: 13px; font-weight:500; line-height: 1.5em; } .config_resultPanel{ background: #f6f6f6 !important; border:#e2e2e2 0px solid;/*D*/ } .config_resultPanel div.x-panel-header { /* background: #f6f6f6 !important;*/ box-shadow: none; border-width: 0px 0px 0px 0px !important; border-color: #e2e2e2; top: 2px !important; margin: 0px; padding: 2px 5px 3px 5px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } .config_resultPanel .config_body{ border-top:#e2e2e2 1px solid; } /*------back ground color for current alarm page---vijay---*/ .configBodyBg1{ background:#ffffff !important } .configBodyBg1-remove{ background:none !important } .configBodyBg1-remove .x-panel-header-configDataPanel-top{ padding: 4px 5px 4px 10px; border-width: 0 0px 0px 0 !important; border-style: solid; background-color: transparent; } .configBodyBg1 span.x-panel-header-text-default, .configBodyBg1-remove span.x-panel-header-text-default{ font-size:13px; } #differencePanel{ box-shadow:none !important; border:none !important; } .OStable_td { background-color: #fafafa; border-bottom: 1px solid #e6e6e6; } .xmlComparisonHighlight { border-width:1px 0px 1px 1px; border-style:solid; border-color:#000000 #000000 #000000 #000000; } #diffoutput { width: 100%; overflow-y:auto; overflow-x:hidden; height:268px; } table.diff { /*width:100%;*/ width:99.99%; table-layout: auto; border-collapse: collapse; } table.diff tbody { font-family:Courier, monospace; } table.diff td{ word-break: break-all; } table.diff tbody th { font-family:verdana,arial,'Bitstream Vera Sans',helvetica,sans-serif; background:#f4f4f4; font-size:10px; font-weight:normal; border:0px solid #BBC; color:#886; text-align: center; color: black; } table.diff thead { border-left:1px solid #BBC; background:#EFEFEF; font-family:Verdana } table.diff thead th.texttitle { text-align:left; font-weight:500; } table.diff tbody td { padding:0px .4em; vertical-align:top; border-left: 1px solid #b9b9b9; border-right: 1px solid #e2e2e2; width: 44%; background:#fbfbfb; color:#000; font-size: 11px; font-weight:500; } table.diff tbody td.xmlComparisonHighlight{ border-left: 1px solid #000; border-right: 1px solid #000; } table.diff .xmlComparisonEmpty { background-image:url("/final/config/images/Xml_emptyBG.png"); z-index:-1; opacity:0.7; } table.diff td.xmlComparisonReplace { background-color:#fcdb8e; color:#000; font-size:11px; line-height:14px; } .xmlComparisonReplace { background-color:#fcdb8e; font-size:11px; line-height:23px; color:#000; } table.diff .xmlComparisonDelete { background-color:#f7ccce; color:#000; } table.diff .xmlComparisonSkip { background-color:#EFEFEF; border:1px solid #AAA; border-right:1px solid #BBC; } table.diff .xmlComparisonInsert { background-color:#ccedbe; color:#000; } table.diff th.author { text-align:left; border-top:1px solid #BBC; background:#EFEFEF } table.diff th span.iconConfigCompareNotEqualRed { background-position: 0 -84px !important; width: 20px; height: 12px !important; } table.colorCodediff { width:100%; table-layout: auto; border-collapse: collapse; } table.colorCodediff tbody { font:11px Courier, monospace; } .xmlComparisonReplace { background-color:#fcdb8e; color:#000; } .xmlComparisonEmpty { background-image:url("/final/config/images/Xml_emptyBG.png"); z-index:-1; opacity:0.7; color:#000; font-size:11px; line-height:23px; } .diffTh { background:#fbfbfb!important; } #diffHeader{ background:#f4f4f4!important; font-weight:500; width:100%; } #diffHeader div{ color:#000; padding-left:15px; height:23px; font-weight: normal; } .XMLComparisonMainDiv{ border: 1px solid #e3e3e3 !important; } .compareConfig_div_scroll { position:relative; overflow:scroll; overflow-x:no; overflow-y:no; padding:0px; margin:0px; } #leftDiv { border-left: 2px solid #999999; border-top: 2px solid #999999; border-bottom:2px solid #f2f2f2; border-right:2px solid #f2f2f2; margin:0px; padding:0px; } #rightDiv { border-left: 2px solid #999999; border-top: 2px solid #999999; border-bottom:2px solid #f2f2f2; border-right:2px solid #f2f2f2; margin:0px; padding:0px; } .compareConfigHeaderText { font-family:Verdana,Tahoma,Calibri,Arial,Helvetica,sans-serif; font-size:8.5pt; color: #ffffff; font-weight:500; background-color: #535353 } .compareConfigBodyText { font-family:Verdana,Tahoma,Calibri,Arial,Helvetica,sans-serif; font-size:7.5pt; font-weight: normal; } .compareConfigBlankText { font-family:Verdana,Tahoma,Calibri,Arial,Helvetica,sans-serif; font-size:7.5pt; font-weight: normal; } .compareConfigDeleted { font-family:Verdana,Tahoma,Calibri,Arial,Helvetica,sans-serif; font-size:7.5pt; color: #0000ff; font-weight: normal; } .compareConfigNew { font-family:Verdana,Tahoma,Calibri,Arial,Helvetica,sans-serif; font-size:7.5pt; color: #F100FA; font-weight: normal; } .compareConfigChange { font-family:Verdana,Tahoma,Calibri,Arial,Helvetica,sans-serif; font-size:7.5pt; color: #ff0000; font-weight: normal; } #bglightBlue{background-color:#B2C9B4;height:20px;background-repeat:repeat-x;font-size:7.5pt;color:#0000ff; font-family:Verdana,Tahoma,Calibri,Arial,Helvetica,sans-serif;font-weight:500;border-width:1px 1px 1px 1px;border-color:#afcfb0;border-style:solid; padding-left:3px;padding-bottom:2px;} #bglightViolet{background-color:#B2C9B4;height:20px;background-repeat:repeat-x;font-size:7.5pt;color:#F100FA; font-family:Verdana,Tahoma,Calibri,Arial,Helvetica,sans-serif;font-weight:500;border-width:1px 1px 1px 1px;border-color:#afcfb0;border-style:solid; padding-left:3px;padding-bottom:2px;} #bglightRed{background-color:#B2C9B4;height:20px;background-repeat:repeat-x;font-size:7.5pt;color:#ff0000; font-family:Verdana,Tahoma,Calibri,Arial,Helvetica,sans-serif;font-weight:500;border-width:1px 1px 1px 1px;border-color:#afcfb0;border-style:solid; padding-left:3px;padding-bottom:2px;} /* Deleted */ .configLegendBlue{background-color:#0000ff;} /* New */ .configLegendViolet{background-color:#F100FA;} /* Change */ .configLegendRed{background-color:#ff0000;} /* Legend Box */ .configLegendBox{border-left-width:1px;border-right-width:1px;border-top-width:1px;border-bottom-width:1px;border-color:#444444;border-style:solid} .compareConfigCellbglight { background-color: #d6d6d6 } #compareConfigCell_header { margin-left: 5px; text-align: left; background: #e1e1e1; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; border-left: 0 solid #d1d1d1; border-top: 1px solid #d1d1d1; font-size: 11px; font-weight:500; color: #000; padding: 2px } #cell_bg1 { background: #f2f2f2; border-left-width: 0; border-top-width: 0; border-bottom-width: 1px; border-right-width: 1px; border-style: solid; border-color: #dcdcdc; padding: 3px; font-size: 11px; } .compareConfigBgdarkimg { background-color: #777; height: 20px; background-repeat: repeat-x; font-size: 11px; color: #f2f2f2; font-weight:500; border-width: 1px 1px 1px 1px; border-color: #e1e1e1; border-style: solid; padding-left: 3px } #compareConfigBglightimg { background-color: #cfcfcf; height: 20px; background-repeat: repeat-x; font-size: 11px; color: #555; font-weight:500; border-width: 1px 1px 1px 1px; border-color: #e1e1e1; border-style: solid; padding-left: 3px } #cell_header_single { margin-left: 5px; text-align: left; background: #ececec; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; border-left: 0 solid #d1d1d1; border-top: 0 solid #d1d1d1; font-size: 11px; font-weight:500; color: #000; padding: 2px } .configLegend tr td { font-size: 11px; } .configLegend tr td:nth-child(even) { padding:0px 5px 0px 5px; } #change_header{ float:right; font-weight:normal; text-transform:initial !important; margin:2px; font-size: 10px; } .overwrite_gridskin{ box-shadow:none } .overwrite_gridskin-header{ background-color:#e1e1e1; border-bottom:1px solid #d5d5d5; padding: 5px 5px 0px 5px; } .gridskin_1{ box-shadow:none; } .gridskin_1-table{ padding:10px; } .gridskin_1 div.x-panel-header{ border-bottom:1px solid #d5d5d5; padding: 5px 5px 0px 10px; background: #e1e1e1 !important; } #resultViewContainer{ box-shadow:none !important; background:none !important } .gridSkin_expander.x-grid-header-hidden .x-grid-body{ border-color: transparent !important; } .gridSkin_expander .x-panel-header{ background:none !important; border:none !important; border-width: 0px 0px 0px 0px !important; } .gridSkin_expander div.x-panel-header{ border-bottom:none !important; background:none !important; } .gridSkin_expander .x-grid-group-hd .x-grid-cell-inner{ background: #e5e5e5 !important; border-width: 1px 1px 1px 1px !important; border-color: #cdcdcd #cdcdcd #cdcdcd #cdcdcd !important; /* v */ border-style: solid; } .gridSkin_expander .x-grid-table .x-grid-group-hd{ padding-top: 0px; } .gridSkin_expander .x-grid-group-body .x-grid-table.x-grid-table-resizer{ border-bottom:1px solid #cdcdcd; /* v */ border-width:0px 1px 1px 1px !important; border-style:solid; border-color:#cdcdcd #cdcdcd #cdcdcd #cdcdcd; /* v */ } .gridSkin_expander .x-grid-table .x-grid-table .x-grid-cell-inner{ padding:0px 0px 0px 0px !important; } .gridSkin_expander .x-grid-with-row-lines .x-grid-cell{ border-width: 0px 0; } .gridSkin_expander .x-grid-row-alt .x-grid-cell{ background-color:#FFFFFF; } .gridSkin_expander .x-grid-row-over .x-grid-cell{ background-color: #efefef; } .gridSkin_expander .x-panel-header{ padding:2px 0px !important; } .gridSkin_expander_view { margin-top:-10px } .gridSkin_expander_view .x-grid-row-over .x-grid-cell{ background:#fff !important; } .gridSkin_expander .x-grid-table .x-grid-cell{ padding: 10px 0px 0px 0px; } .gridSkin_expander .x-grid-group-hd-collapsible .x-grid-group-title{ font-weight:500; } .gridSkin_expander .x-grid-group-hd .x-grid-cell-inner{ padding: 4px 4px 4px 9px; } .gridSkin_expander .x-grid-table{ table-layout:auto !important; } .config_datapanelWithoutShadow{ -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -ms-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; } .gridSkin_expander .x-grid-row .x-grid-cell{ padding:7px 6px 6px 6px !important; border-width:0px 1px 1px 0px; border-style:solid; font-size:12px; border-color:#e5e5e5 #e6e6e6 #e5e5e5 #e5e5e5; } .gridSkin_expander .x-grid-row .x-grid-cell:last-child{ border-right:none; } .gridSkin_expander .x-grid-group-body .x-grid-table.x-grid-table-resizer tbody tr:last-child > td{ border-bottom:none; border-right: 1px solid #e6e6e6; } .gridSkin_expander .x-grid-group-body .x-grid-table.x-grid-table-resizer tbody tr:last-child > td:last-child{ border-right:none; } .label_bold-top{ font-weight:500; font-size:12px; } .OStable { border: 1px solid #e3e3e3; margin:7px 0px 0px 0px; } .OStable:last-child { border: 1px solid #e3e3e3 ; margin:7px 0px 8px 0px; } .OStable_td{ font-weight:500; } #hiddenPanel{ box-shadow : none !important; } #my_table thead tr th{ width:150px !important; } table.diff tbody th:nth-child(4){ border-left:1px solid #e3e3e3 !important; } table.diff tbody tr:first-child > th:nth-child(4){ border-top:1px solid #f4f4f4 !important; } table.diff tbody tr:first-child{ border-top:1px solid #e3e3e3 !important; } .gridSkin_expander .x-grid-group-body .x-grid-table.x-grid-table-resizer tbody tr { border-bottom:1px solid #e3e3e3; } .gridSkin_expander .x-grid-group-body .x-grid-table.x-grid-table-resizer tbody tr:last-child { border-bottom:none; } .OStable tbody tr td{ border-right:1px solid #e6e6e6; } .OStable_emptytd{ border-right:none !important; background:none !important; } .gridskin_config span.x-column-header-inner{ font-weight:500; background-color: #e5e5e5; padding: 20px 20px 20px 20px; } .gridskin_config div.x-column-header { border-width: 0px 0px 0px 0px !important; } .gridskin_config .x-grid-with-row-lines{ -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75) !important; -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75) !important; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75) !important; } .gridskin_config.x-grid-locked .x-grid-row .x-grid-cell{ vertical-align:middle; } .gridskin_config .x-grid-inner-locked{ border-width:1px 0px 1px 1px !important; border-style:solid; border-color:#e3e3e3 #e3e3e3 #e3e3e3 #e3e3e3; } .gridskin_config .x-grid-with-row-lines{ border-width:1px 1px 1px 1px; border-style:solid; border-color:#e3e3e3 #e3e3e3 #e3e3e3 #e3e3e3 ; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); } .consolidatedView_table { table-layout: fixed; width: 100%; } .consolidatedView_table thead tr th{ width:150px; } .consolidatedView_table td{ vertical-align: top; padding:5px 5px 5px 10px; width:100px; } .consolidatedView_table tbody tr th { vertical-align: top; border-top: 1px solid #ccc; padding:5px; width:100px; } .consolidatedView_div { overflow-x:auto; overflow-y:visible; } .gridskin_config .x-grid-view{ border-width: 0px 0px 0px 0px !important; } .boxViewLockedGridHeader .x-column-header-inner{ /*padding: 8px 10px 2px 10px !important;*/ } .iconConfigCompareNotEqualRed{ display:inline-block; width:20px; } table.diff tbody th:nth-child(1){ width: 2% !important; } table.diff tbody th:nth-child(2),table.diff tbody th:nth-child(4){ width: 4%; } .xml_file_name{ color:#3c3c3c; font-size:13px; font-weight:500; } .configurationTable1 tbody tr td > table tbody tr td > table , .configurationTable2 tbody tr td > table tbody tr td > table{ border:1px solid #E3E3E3; } /*.configurationTable2 thead tr th{ background-color:#fff !important; border-bottom: 0px solid #d5d5d5 !important; }*/ .OStable tbody tr{ border-bottom: 1px solid #e6e6e6 !important; } #gridskin_config { border:0px !important; box-shadow:none !important; } .gridSkin.gridSkin_locking.gridSkin_config#gridskin_config{ border: 1px solid #dedede !important; } #noShadowGrid { box-shadow:none !important; } /*----15/12/2021-------*/ .changeConfig_div { overflow-y:auto; overflow-x:hidden; margin:0px 10px 10px 10px ; } .changeConfig_div_monitor { overflow-y:auto; overflow-x:hidden; margin:0px 0px 0px 0px ; } /*----15/12/2021-------*/ .resultViewContainer_monitor{ border-width:1px 0px 0px 0px; background:transparent !important; background-color:transparent !important } #resultViewContainer-body.x-panel-body-configDataPanel{ background:transparent !important } #main-body.x-panel-body-configDefaultPanel{ background:transparent !important } #preSpace{ white-space: pre-wrap; word-break: break-all; font-size: 11px; font-family: "Courier New", Courier, monospace; } .preSpace{ white-space: pre-wrap; word-break: break-all; /*line-height: 1.7em;*/ font-size: 11px; font-family: "Courier New", Courier, monospace; } .xmlDifference{ border:1px solid rgba(255, 211, 109, 0.97); background: #fcdb8e !important; } .xmlDifference_inner{ border:1px solid #e3e3e3; word-wrap:break-word; background:#ffffff!important; } .xmlComparisonInsert { background-color:#f4fbf2; color:#000; } .xmlComparisonInsert_inner{ border:1px solid #e3e3e3; word-wrap:break-word; background:#ffffff !important; } .xmlComparisonDelete { background-color:#fbedee; color:#000; } .xmlComparisonDelete_inner{ border:1px solid #e3e3e3; background:#ffffff!important; word-wrap:break-word; } .xmlComparisonDeleteHd{ background-color: #f7ccce; font-size:11px; line-height:23px; } .xmlComparisonInsertHd{ background-color: #ccedbe; font-size:11px; line-height:23px; } .xmlCompInsertDiffWin{ background-color: #ccedbe; color:#000; border: 1px solid #d3f1c8 !important; font-weight:500; } .xmlCompDeleteDiffWin{ background-color: #f7ccce; color:#000; border:1px solid #f7dadb; } .gridSkin_expander .x-grid-row .x-grid-cell.configServicePack{ padding:0px !important; } .gridSkin_expander .x-grid-group-body .x-grid-table.x-grid-table-resizer tbody tr > td{ border-right: 1px solid #e6e6e6; } .xmldiff{ font-weight:500; } /* Configuration module html table styles end here */ /*LookBack Option Style*/ .lookback .x-form-item-body .x-form-checkbox{ margin-top:7px !important; } /*system dashboard 7-6-2016*/ .innerFieldset .x-panel-body{background:#fbfbfb !important} .innerFieldset .x-fieldset-header{ margin-left: 10px !important;line-height:0.93em} #mapPanel-body{border:1px solid #dedede !important} /* One Click Dashboard Styles Start Here */ .listViewBox { background-color:#fbfbfb; margin:5px; float:left; padding:10px; position:relative; display:inline-block; box-shadow: 1px 1px 2px -1px #474849; -webkit-box-shadow: 1px 1px 2px -1px #474849; -moz-box-shadow: 1px 1px 2px -1px #474849; -o-box-shadow: 1px 1px 2px -1px #474849; } .listViewBoxOver{ background:#0080b7; border:1px solid #0080b7; padding:10px; top:0px; left:0px; position:absolute; z-index:115; cursor:pointer; color:#ffffff; } .listViewImgDefault{ float:left; width:88px; height:88px; position:relative; padding:11px; background-color:#ffffff; border:1px solid #eeeeee; } .listViewImgDefaultOver{ width:64px; height:64px; display:none; margin:11px; top:0px; left:0px; background-color:#adadad; position:absolute; z-index:99; cursor:pointer; } .listViewDashboardName{ padding:10px; float:left; height:90px; width:180px; } .listViewDashboardName .textView{ font-size:14px; text-align: left; white-space: wrap; width:180px; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .iconChooseTempOuter{ background-color:#ffffff; border-color:#aab2bd #aab2bd #aab2bd #aab2bd; border-style:solid !important; border-width:1px 1px 1px 1px !important; overflow:hidden !important; } .iconChooseTempContainer{ background-color:#ffffff; } .addTemplateButton{ background:#ffffff !important; border-color:#ffffff #cccccc #cccccc #ffffff; border-style:solid !important; border-width:1px 1px 1px 1px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; -o-border-radius: 0px !important; -ms-border-radius: 0px !important; -khtml-border-radius: 0px !important; border-radius: 0px; padding:0px !important; } .addTemplateButton.x-btn-pressed, .addTemplateButton.x-btn-over{ background:#f1f1f1 !important; border-color:#f1f1f1 #cccccc #cccccc #f1f1f1; border-style:solid !important; border-width:1px 1px 1px 1px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; -o-border-radius: 0px !important; -ms-border-radius: 0px !important; -khtml-border-radius: 0px !important; border-radius: 0px; padding:0px !important; } .addTemplateButton .addTemplateButtonText{ word-wrap:break-word; font-size:10px; white-space:normal; height:52px; line-height:1.2em; position: absolute; top:60%; left: 0%; right: 0%; bottom: 0%; display:inline-block; padding:4px; } .addTemplateButton .addWidgetButtonText{ word-wrap:break-word; font-size:10px; white-space:normal; height:44px; line-height:1.2em; position: absolute; top:55%; left: 0%; right: 0%; bottom: 0%; display:inline-block; padding:4px; } .addTemplateButtonIconBg{ background-color:#ffffff; height:42px; width:42px; padding:5px; overflow:hidden; position: relative; top:12px; left: 0%; right: 0%; margin: auto; bottom: 0%; border:1px solid #eeeeee; } .x-btn-default-toolbar-small-disabled .iconChooseTempLeftArrow{ background-color:transparent !important; opacity:0.3; filter:Alpha(opacity=30); } .x-btn-default-toolbar-small-disabled .iconChooseTempRightArrow{ background-color:transparent !important; opacity:0.3; filter:Alpha(opacity=30); } .dashboardSharedButtonPrivate, .dashboardSharedButtonPublic, .dashboardSharedButtonShared, .dashboardSharedButtonPrivateSelected, .dashboardSharedButtonPublicSelected, .dashboardSharedButtonSharedSelected{ background:transparent url('/final/images/Light/iconsOneClickIstam.png')no-repeat top left; height:50px; width:50px; border:0px; border-width:0px 0px 0px 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; -o-border-radius: 0px !important; -ms-border-radius: 0px !important; -khtml-border-radius: 0px !important; border-radius: 0px; } .dashboardSharedButtonPrivate, .dashboardSharedButtonPrivate:hover{ background-position:0px -300px; } .dashboardSharedButtonPublic, .dashboardSharedButtonPublic:hover{ background-position:-100px -300px; } .dashboardSharedButtonShared, .dashboardSharedButtonShared:hover{ background-position:-200px -300px; } .dashboardSharedButtonPrivate:hover{ background:#e5e5e5 url('/final/images/Light/iconsOneClickIstam.png')no-repeat top left; background-position:0px -300px; } .dashboardSharedButtonPublic:hover{ background:#e5e5e5 url('/final/images/Light/iconsOneClickIstam.png')no-repeat top left; background-position:-100px -300px; } .dashboardSharedButtonShared:hover{ background:#e5e5e5 url('/final/images/Light/iconsOneClickIstam.png')no-repeat top left; background-position:-200px -300px; } .dashboardSharedButtonPrivate.x-pressed.x-btn-pressed{ background:#e5e5e5 url('/final/images/Light/iconsOneClickIstam.png')no-repeat top left; background-position:-50px -300px; } .dashboardSharedButtonPublic.x-pressed.x-btn-pressed{ background:#e5e5e5 url('/final/images/Light/iconsOneClickIstam.png')no-repeat top left; background-position:-150px -300px; } .dashboardSharedButtonShared.x-pressed.x-btn-pressed{ background:#e5e5e5 url('/final/images/Light/iconsOneClickIstam.png')no-repeat top left; background-position:-250px -300px; } .dashboardSharedButtonText{ word-wrap:break-word; font-size:10px; position:relative; white-space:normal; height:20px; top:16px; line-height:1.2em; text-align:center; } .userProfileSeparator{ width:2px; background:url("../images/Light/oneClickSeparator.png") repeat-y 0px 0px transparent !important; margin:0px; border:none !important; } .chooseDashboardTypeButtonText{ word-wrap:break-word; font-size:16px; position:relative; font-weight:500; white-space:normal; top:32px; text-transform:uppercase; line-height:1.2em; text-align:center; } .x-tip-oneClickToolTipUi{ background:#535353 !important; border:1px solid #333333 !important; border-radius: 6px 6px 6px 6px !important; -moz-border-radius: 6px 6px 6px 6px !important; -khtml-border-radius: 6px 6px 6px 6px !important; -o-border-radius: 6px 6px 6px 6px !important; -webkit-border-radius: 6px 6px 6px 6px !important; -webkit-box-shadow:0px 0px 5px 0px rgba(83, 83, 83, 1) !important; -moz-box-shadow:0px 0px 5px 0px rgba(83, 83, 83, 1) !important; box-shadow:0px 0px 5px 0px rgba(83, 83, 83, 1) !important; border-spacing:none !important; } .x-tip-oneClickToolTipUi .x-tip-body-oneClickToolTipUi { color:#ffffff !important; border-style:solid !important; border-top-width:0px !important; border-right-width:0px !important; border-bottom-width:0px !important; border-left-width:0px !important; border-radius: 6px 6px 6px 6px !important; -moz-border-radius: 6px 6px 6px 6px !important; -khtml-border-radius: 6px 6px 6px 6px !important; -o-border-radius: 6px 6px 6px 6px !important; -webkit-border-radius: 6px 6px 6px 6px !important; } .x-tip-body-oneClickToolTipUi, .x-form-invalid-tip-body-oneClickToolTipUi{ color:#ffffff !important; background:#535353 !important; } .x-tip-header-oneClickToolTipUi, .x-tip-body-oneClickToolTipUi, .x-form-invalid-tip-body-oneClickToolTipUi{ font-size:10px; width:100% !important; padding:0px; color:#ffffff !important; } .x-tip-oneClickToolTipUi .x-tip{ width: 36px; height: 24px; } .x-tip-oneClickToolTipUi .x-tip-anchor{ position: absolute; overflow: hidden; border-style: solid; border: 0px solid red; width: 36px !important; height: 24px !important; zoom: 1; } .x-tip-oneClickToolTipUi .x-tip-anchor.x-tip-anchor-top{ margin: 0px; width: 36px !important; height: 24px !important; position: relative; background-image: url('/final/images/Light/oneclickTooltipBottom.png') !important; zoom: 1; } .x-tip-oneClickToolTipUi .x-tip-anchor.x-tip-anchor-right{ margin: 0px; width: 36px !important; height: 24px !important; position: relative; background-image: url('/final/images/Light/oneclickTooltipBottom.png') !important; zoom: 1; } .x-tip-oneClickToolTipUi .x-tip-anchor.x-tip-anchor-bottom{ margin: 0px; width: 36px !important; height: 24px !important; position: relative; left:40px; background-image: url('/final/images/Light/oneclickTooltipBottom.png') !important; zoom: 1; } .x-tip-oneClickToolTipUi .x-tip-anchor.x-tip-anchor-left{ margin: 0px; width: 36px !important; height: 24px !important; position: relative; background-image: url('/final/images/Light/oneclickTooltipBottom.png') !important; zoom: 1; } /* .x-btn-icon .iconDelete{ margin-top:-2px; } */ .egFooter.x-toolbar-default { border-top:#c0c0c0 1px solid!important; background-color:#ffffff !important; background-image:none !important; margin:0px; padding:0px; } .egFooter.x-toolbar-default .x-box-inner{ border-top:#ffffff 1px solid!important; } .buttonNew.x-btn-default-small, .toolbar .buttonNew, .x-toolbar .buttonNew.x-btn-default-small, .x-toolbar .buttonNew.x-btn-default-toolbar-small { background: #0080b7; border:1px solid #0080b7; padding:0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -ms-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; } .buttonNew.x-btn button:active, .toolbar .buttonNew button:active, .x-toolbar .buttonNew button:active { overflow:visible; padding:0px 0px 0px 0px; display:block; zoom: 1; /* margin-top:-1px\9; */ } .buttonNew.x-btn-default-small.x-btn .x-btn-center .x-btn-inner, .toolbar .buttonNew.x-btn .x-btn-center .x-btn-inner, .x-toolbar .buttonNew.x-btn .x-btn-center .x-btn-inner, .buttonNew.x-btn-default-toolbar-small.x-btn .x-btn-center .x-btn-inner { font-size:11px; color: #FFFFFF; text-shadow:none !important; display:block; } .buttonNew.x-btn-default-small.x-btn .x-btn-center .x-btn-inner, .toolbar .buttonNew.x-btn .x-btn-center .x-btn-inner, .x-toolbar .buttonNew.x-btn .x-btn-center .x-btn-inner, .buttonNew.x-btn-default-toolbar-small.x-btn .x-btn-center .x-btn-inner { height:19px; line-height:20px !important; text-shadow:none !important; } .buttonNew.x-btn-default-small.x-btn em, .toolbar .buttonNew.x-btn em, .x-toolbar .buttonNew.x-btn em { display:block; float:left; background: #0080b7; } .buttonNew.x-btn-default-small.over, .toolbar .buttonNew.over, .x-toolbar .buttonNew.over { background:#0080b7; border:1px solid #0080b7; } .buttonNew.x-btn-default-small.over em, .toolbar .buttonNew.over em, .x-toolbar .buttonNew.over em { background:#0080b7; } .buttonNew.x-btn-default-small-pressed, .buttonNew.x-btn-default-small-pressed em, .buttonNew.x-btn-default-small-pressed.x-btn .x-btn-center .x-btn-inner, .toolbar .buttonNew.x-btn-default-small-pressed, .toolbar .buttonNew.x-btn-default-small-pressed em, .toolbar .buttonNew.x-btn-default-small-pressed.x-btn .x-btn-center .x-btn-inner, .x-toolbar .buttonNew.x-btn-default-small-pressed, .x-toolbar .buttonNew.x-btn-default-small-pressed em, .x-toolbar .buttonNew.x-btn-default-small-pressed.x-btn .x-btn-center .x-btn-inner { background: #0080b7 !important; border:0px solid #0080b7; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -ms-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; } .buttonNew.x-btn-default-small.x-btn button, .toolbar .buttonNew.x-btn button, .x-toolbar .buttonNew.x-btn button { height:19px; line-height:21px; padding:0px 0px 0px 0px; } .buttonNew.x-btn-default-small.x-btn.over .x-btn-center .x-btn-inner, .toolbar .buttonNew.over .x-btn-center .x-btn-inner, .x-toolbar .buttonNew.over .x-btn-center .x-btn-inner { background: #0080b7; } .buttonNew.x-btn-default-small.x-btn-default-small-icon button, .buttonNew.x-btn-default-small.x-btn-default-small-icon a, .buttonNew.x-btn-default-small.x-btn-default-small-icon .x-btn-inner, .buttonNew.x-btn-default-small.x-btn-default-small .x-btn-default-small-noicon button, .buttonNew.x-btn-default-small.x-btn-default-small-noicon a, .buttonNew.x-btn-default-small.x-btn-default-small-noicon .x-btn-inner { height:19px; line-height:21px; } /*--------- buttonBig ---start here--------------*/ .buttonNewBig.x-btn, .buttonNewBig.x-btn-default-small, .toolbar .buttonNewBig, .toolbar .buttonNewBig.x-btn, .x-toolbar .buttonNewBig.x-btn-default-small { background: #0080b7; border:1px solid #0080b7; padding:0px 0px 0px 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .buttonNewBig.x-btn button:active, .toolbar .buttonNewBig button:active, .x-toolbar .buttonNewBig button:active { overflow:visible; padding:0px 0px 0px 0px;display:block;zoom: 1; margin-top:-1px\9; } .buttonNewBig.x-btn-default-small.x-btn .x-btn-center .x-btn-inner, .toolbar .buttonNewBig.x-btn .x-btn-center .x-btn-inner, .x-toolbar .buttonNewBig.x-btn .x-btn-center .x-btn-inner, .buttonNewBig.x-btn-default-toolbar-small.x-btn .x-btn-center .x-btn-inner { font-size:12px; font-weight:500; color: #FFFFFF; text-shadow:none !important; display:block; } .buttonNewBig.x-btn-default-small.x-btn .x-btn-center .x-btn-inner, .toolbar .buttonNewBig.x-btn .x-btn-center .x-btn-inner, .x-toolbar .buttonNewBig.x-btn .x-btn-center .x-btn-inner, .buttonNewBig.x-btn-default-toolbar-small.x-btn .x-btn-center .x-btn-inner { height:28px; line-height:260% !important; text-shadow:none !important; } .buttonNewBig.x-btn-default-small.x-btn em, .toolbar .buttonNewBig.x-btn em, .x-toolbar .buttonNewBig.x-btn em { display:block; float:left; background: #0080b7; } .buttonNewBig.x-btn-default-small.over, .toolbar .buttonNewBig.over, .x-toolbar .buttonNewBig.over { background:#0080b7; border:1px solid #0080b7; } .buttonNewBig.x-btn-default-small.over em, .toolbar .buttonNewBig.over em, .x-toolbar .buttonNewBig.over em { background:#0080b7; } .buttonNewBig.x-btn-default-small-pressed, .buttonNewBig.x-btn-default-small-pressed em, .buttonNewBig.x-btn-default-small-pressed.x-btn .x-btn-center .x-btn-inner, .toolbar .buttonNewBig.x-btn-default-small-pressed, .toolbar .buttonNewBig.x-btn-default-small-pressed em, .toolbar .buttonNewBig.x-btn-default-small-pressed.x-btn .x-btn-center .x-btn-inner, .x-toolbar .buttonNewBig.x-btn-default-small-pressed, .x-toolbar .buttonNewBig.x-btn-default-small-pressed em, .x-toolbar .buttonNewBig.x-btn-default-small-pressed.x-btn .x-btn-center .x-btn-inner { background: #0080b7 !important; border:0px solid #0080b7; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -ms-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; } .buttonNewBig.x-btn-default-small.x-btn button, .toolbar .buttonNewBig.x-btn button, .x-toolbar .buttonNewBig.x-btn button { height:28px; line-height:260%; padding:0px 0px 0px 0px; } .buttonNewBig.x-btn-default-small.x-btn.over .x-btn-center .x-btn-inner, .toolbar .buttonNewBig.over .x-btn-center .x-btn-inner, .x-toolbar .buttonNewBig.over .x-btn-center .x-btn-inner { background: #0080b7; } .buttonNewBig.x-btn-default-small.x-btn-default-small-icon button, .buttonNewBig.x-btn-default-small.x-btn-default-small-icon a, .buttonNewBig.x-btn-default-small.x-btn-default-small-icon .x-btn-inner, .buttonNewBig.x-btn-default-small.x-btn-default-small .x-btn-default-small-noicon button, .buttonNewBig.x-btn-default-small.x-btn-default-small-noicon a, .buttonNewBig.x-btn-default-small.x-btn-default-small-noicon .x-btn-inner { height:28px; line-height:260%; } /* -----------button big end here------------------- */ /* -----------multiSelectWithCheckbox grid start here------------------- */ .x-panel.x-panel-multiSelectWithCheckbox{ border:1px solid #aab2bd !important; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); background:#fff; } .x-panel .x-grid-body.x-panel-body-multiSelectWithCheckbox{ background:#fff; border:1px; } .x-panel .x-grid-body.x-panel-body-multiSelectWithCheckbox .x-grid-table{ border-collapse:collapse ; } .x-panel .x-grid-body.x-panel-body-multiSelectWithCheckbox .x-grid-view{ overflow-x:hidden !important; overflow-y:auto !important; } .x-panel-body-multiSelectWithCheckbox .x-grid-row{ vertical-align:middle; line-height:11px !important; margin:0px !important; height:16px !important; } .x-panel-body-multiSelectWithCheckbox .x-grid-row .x-grid-cell{ background:#fff; border-width:1px !important;; border-color:#fff; border-style:solid; padding:0px 0px 0px 0px; margin:0px; height:16px; } .x-panel-body-multiSelectWithCheckbox .x-grid-row.x-grid-row-alt .x-grid-cell{ background:#fff; border-width:1px !important;; border-color:#fff; border-style:solid; padding:0px 0px 0px 0px; margin:0px; height:16px ; } .x-panel-body-multiSelectWithCheckbox .x-grid-row.x-grid-row-selected .x-grid-cell{ background:#c1ddf1 !important; border-width:1px 1px 1px 1px !important;; border-color:#c1ddf1; border-style:solid; padding:0px 0px 0px 0px; margin:0px ; height:16px; } .x-panel-body-multiSelectWithCheckbox .x-grid-row.x-grid-row-alt.x-grid-row-selected .x-grid-cell{ background:#c1ddf1 !important; border-width:1px 1px 1px 1px !important;; border-color:#c1ddf1; border-style:solid; padding:0px 0px 0px 0px; margin:0px; height:16px; } .x-panel-body-multiSelectWithCheckbox .x-grid-row .x-grid-cell .x-grid-cell-inner{ padding:0px 0px 0px 0px; font-size:11px; margin:0px 0px 0px 0px; vertical-align:top; } .x-panel-body-multiSelectWithCheckbox .x-grid-row.x-grid-row-alt .x-grid-cell .x-grid-cell-inner{ padding:2px 0px 0px 0px; font-size:11px; margin:0px 0px 0px 0px; vertical-align:top; } .x-panel-body-multiSelectWithCheckbox .x-grid-row .x-grid-cell-special.x-grid-cell-row-checker.x-grid-cell-first { padding:0px 0px 0px 0pxt; border-width:1px 1px 1px 1px !important; border-color:#fff; border-style:solid; font-size:11px; margin:0px; height:16px; } .x-panel-body-multiSelectWithCheckbox .x-grid-row.x-grid-row-selected .x-grid-cell-special.x-grid-cell-row-checker.x-grid-cell-first { padding:0px 0px 0px 0px; border-width:1px 1px 1px 1px !important; border-color:#c1ddf1; border-style:solid; font-size:11px; margin:0px; height:16px; } .x-panel-body-multiSelectWithCheckbox .x-grid-cell .x-grid-with-row-lines.x-grid-cell-inner{ padding:0px 0px 0px 0px ; font-size:11px; margin:0px; } .x-panel-body-multiSelectWithCheckbox .x-grid-row .x-grid-cell-special.x-grid-cell-row-checker.x-grid-cell-first .x-grid-cell-inner{ padding:0px 0px 0px 0px ; font-size:11px; margin:0px ; } .x-panel-body-multiSelectWithCheckbox .x-grid-row-checker{ height: 14px; width: 14px; background-image: url('/final/images/Light/multiSelectCheckbox_rwButton.png'); background-position:0px 0px; background-repeat: no-repeat; background-repeat-x: no-repeat; background-repeat-y: no-repeat; background-color: transparent; font-size:11px; margin:0px; } .x-panel-body-multiSelectWithCheckbox .x-grid-row-selected .x-grid-row-checker, .x-panel-body-multiSelectWithCheckbox .x-grid-row-checked .x-grid-row-checker { background-image: url('/final/images/Light/multiSelectCheckbox_rwButton.png'); background-position:-16px 0px; margin:0px; } .x-field.x-form-item.x-field-readWrite_checkbt .x-form-field{ margin: 0; font-size:11px; color: #c6c6c6; line-height: 11px !important; cursor:pointer; width: 14px; height: 14px; margin:0px !important; } .x-field.x-form-item.x-field-readWrite_checkbt tr{ line-height: 11px !important; } .x-field.x-form-item.x-field-readWrite_checkbt .x-form-item-body.x-form-cb-wrap .x-form-checkbox{ width: 14px; height: 12px; background-position:-48px -2px !important; background: no-repeat; background-image: url('/final/images/Light/multiSelectCheckbox_rwButton.png') !important; overflow: hidden; padding: 0; border: 0; line-height:11px !important; margin:0px !important; } .x-field.x-form-item.x-field-readWrite_checkbt.x-form-cb-checked .x-form-item-body .x-form-checkbox { background-position:-32px -2px !important; line-height:11px !important; width: 14px; height: 12px; margin:0px !important; } /* -----------multiSelectWithCheckbox grid end here------------------- */ /* One Click Dashboard Styles End Here */ .dashboard_tablayout .x-box-scroller-left .x-toolbar-scroll-left, .x-box-scroller-left .x-tabbar-scroll-left { width: 18px; position: relative; cursor: pointer; height: 30px; background: transparent no-repeat -0px -545px; background-image:url('/final/images/Light/iconsOneClickIstam.png'); } .dashboard_tablayout .x-box-scroller-left .x-toolbar-scroll-left-disabled, .x-box-scroller-left .x-tabbar-scroll-left-disabled { background-position: -0px -545px; filter: alpha(opacity=50); opacity: .3; cursor: default; } .dashboard_tablayout .x-box-scroller-right .x-toolbar-scroll-right, .x-box-scroller-right .x-tabbar-scroll-right { width: 18px; position: relative; cursor: pointer; height: 30px; background: transparent no-repeat; background-position:-20px -545px; background-image:url('/final/images/Light/iconsOneClickIstam.png'); } .dashboard_tablayout .x-box-scroller-right .x-toolbar-scroll-right-disabled, .x-box-scroller-right .x-tabbar-scroll-right-disabled { background-position:-20px -545px; filter: alpha(opacity=50); opacity: .3; cursor: default; } .newAddButton.x-btn-default-small{background:#a0b376 !important;border:#252525 1px solid} .newAddButton.x-btn-default-small .x-btn-inner{color:#fff;font-size:12px} .newAddButtonDisabled.x-btn-default-small{background:#838383 !important;border:#4e4e4e 1px solid} .newAddButtonDisabled.x-btn-default-small .x-btn-inner{color:#b4b4b4;font-size:12px} .newAddButton1.x-btn-default-small.x-btn-pressed{background:#d2504b !important;border:#252525 1px solid !important} .newRemoveButton.x-btn-default-small{background:#d2504b !important;border:#252525 1px solid} .newRemoveButton.x-btn-default-small .x-btn-inner{color:#fff;font-size:12px} /* -----------multiSelectWithCheckbox grid end here------------------- */ .oneClick_separator{ margin:20px 0px 20px 0px; border-width: 0 1px 0px 1px !important; border-color: #646464 #767676 #4f4f4f #5b5b5b!important; background:#c0c0c0 !important } /* One Click Dashboard Styles End Here */ /* -----------Template Builder Styles start here ---------------------*/ .layoutSelectButtonGroup{ border:1px solid #aab2bd; } .layoutLinearButton, .layoutTabularButton, .layoutRelativeButton, .layoutIstamButton{ background:#ffffff url('/final/images/Light/iconsOneClickIstam.png')no-repeat top left; height:26px; width:124px; border-color:#e5e5e5; border-style:solid; border-width:0px 0px 1px 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; -o-border-radius: 0px !important; -ms-border-radius: 0px !important; -khtml-border-radius: 0px !important; border-radius: 0px; } .layoutIstamButton{ border-color:#e5e5e5; border-style:solid; border-width:0px 0px 0px 0px !important; } .layoutLinearButton.x-pressed.x-btn-pressed, .layoutTabularButton.x-pressed.x-btn-pressed, .layoutRelativeButton.x-pressed.x-btn-pressed, .layoutIstamButton.x-pressed.x-btn-pressed, .layoutLinearButtonSelected.x-pressed.x-btn-pressed, .layoutTabularButtonSelected.x-pressed.x-btn-pressed, .layoutRelativeButtonSelected.x-pressed.x-btn-pressed, .layoutIstamButtonSelected.x-pressed.x-btn-pressed{ background:#f2f2f2 url('/final/images/Light/iconsOneClickIstam.png')no-repeat top left; height:26px; width:124px; border-color:#e5e5e5; border-style:solid; border-width:0px 0px 1px 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; -o-border-radius: 0px !important; -ms-border-radius: 0px !important; -khtml-border-radius: 0px !important; border-radius: 0px; } .layoutLinearButton{ background:#ffffff url('/final/images/Light/iconsOneClickIstam.png')no-repeat top left; background-position:-100px -0px; } .layoutTabularButton{ background:#ffffff url('/final/images/Light/iconsOneClickIstam.png')no-repeat top left; background-position:-100px -30px; } .layoutRelativeButton{ background:#ffffff url('/final/images/Light/iconsOneClickIstam.png')no-repeat top left; background-position:-100px -60px; } .layoutIstamButton{ background:#ffffff url('/final/images/Light/iconsOneClickIstam.png')no-repeat top left; background-position:-100px -90px; } .layoutLinearButton.x-pressed.x-btn-pressed, .layoutLinearButtonSelected.x-pressed.x-btn-pressed{ background:#f2f2f2 url('/final/images/Light/iconsOneClickIstam.png')no-repeat top left; background-position:-100px -0px; } .layoutTabularButton.x-pressed.x-btn-pressed, .layoutTabularButtonSelected.x-pressed.x-btn-pressed{ background:#f2f2f2 url('/final/images/Light/iconsOneClickIstam.png')no-repeat top left; background-position:-100px -30px; } .layoutRelativeButton.x-pressed.x-btn-pressed, .layoutRelativeButtonSelected.x-pressed.x-btn-pressed{ background:#f2f2f2 url('/final/images/Light/iconsOneClickIstam.png')no-repeat top left; background-position:-100px -60px; } .layoutIstamButton.x-pressed.x-btn-pressed, .layoutIstamButtonSelected.x-pressed.x-btn-pressed{ background:#f2f2f2 url('/final/images/Light/iconsOneClickIstam.png')no-repeat top left; background-position:-100px -90px; } .layoutSelectButtonText{ word-wrap:nowrap; font-size:10px; position:relative; white-space:normal; height:20px; left:10px; top:6px; text-align:left; } .textboxNumber .x-form-item-label-top{ line-height:17px !important; } .textboxNumber.x-item-disabled .x-form-item-body{ opacity:0.5; filter:Alpha(opacity=50); } .textboxNumber .x-form-item-body input.x-form-text{ background:#ffffff; border:#aab2bd 1px solid; padding-left:4px; padding-right:10px; position:relative; height:21px; } .textboxNumber .x-form-trigger-wrap .x-form-spinner-up, .textboxNumber .x-form-trigger-wrap .x-form-spinner-down { background: url('/final/images/Light/numberFieldTrigger.png') no-repeat top left; width: 15px !important; height: 11px !important; font-size: 0; border-bottom: 0; } .textboxNumber .x-form-item-body input:focus{ border:#ffffff 1px solid; } .textboxNumber .x-form-trigger-wrap .x-form-spinner-down { background-position: 0 -11px; } .textboxNumber .x-form-trigger-wrap .x-form-spinner-up { background-position: 0 0px; } .textboxNumber .trigger-wrap-focus input.x-form-text, .textboxNumber .x-form-trigger-wrap-focus input.x-form-text{ border-color: #aab2bd !important; } .textboxNumber .x-form-trigger-wrap-focus .x-form-trigger { border-color: #aab2bd !important; } .textboxNumber .x-border-box .x-form-trigger { height: 21px; } .textboxNumber .x-form-trigger-wrap-focus .x-form-spinner-down { background-position: 0px -11px; } .textboxNumber .x-form-trigger-wrap .x-form-spinner-down { background-position: 0 -11px; } .textboxNumber .x-form-trigger-wrap-focus .x-form-spinner-up { background-position: 0px 0px; } .textboxNumber .x-form-trigger-wrap .x-form-spinner-up { background-position: 0 0px; } .textboxNumber .x-form-trigger-wrap-focus .x-form-spinner-down-over { background-position: 0px -11px; } .textboxNumber .x-form-trigger-wrap .x-form-spinner-down-over { background-position: 0 -11px; } .textboxNumber .x-form-trigger-wrap-focus .x-form-spinner-up-over { background-position: 0px 0px; } .textboxNumber .x-form-trigger-wrap .x-form-spinner-up-over { background-position: 0 0px; } .textboxNumber .x-form-trigger-wrap-focus .x-form-spinner-down-click { background-position: 0px -11px; } .textboxNumber .x-form-trigger-wrap .x-form-spinner-down-click { background-position: 0 -11px; } .textboxNumber .x-form-trigger-wrap-focus .x-form-spinner-up-click { background-position: 0px 0px; } .textboxNumber .x-form-trigger-wrap .x-form-spinner-up-click { background-position: 0 0px; } .templateAdvancedOptionSlider { background:#ffffff !important; position:absolute !important; z-index:110; left:0; top:0; -webkit-box-shadow: -15px 0px 20px -3px rgba(0, 0, 0, 0.35); -moz-box-shadow: -15px 0px 20px -3px rgba(0, 0, 0, 0.35); box-shadow: -15px 0px 20px -3px rgba(0, 0, 0, 0.35); } .templateAdvancedOptionSlider, .templateAdvancedOptionSlider .x-box-inner{ overflow:visible !important; } .templateAdvancedOptionSlider .advanceEffectButton{ background:#ffffff !important; width:30px; height:48px; position:absolute; left:-26px; top:0px; -webkit-box-shadow: -15px 0px 25px -8px rgba(0,0,0,0.35); -moz-box-shadow: -15px 0px 25px -8px rgba(0,0,0,0.35); box-shadow: -15px 0px 25px -8px rgba(0,0,0,0.35); } #createTemplateMain .x-mask{ filter: alpha(opacity=95); opacity: .95; background: #ffffff !important; } #createTemplateMain .x-mask-msg.x-mask-loading, #createTemplateMain .x-mask-msg.x-mask-loading div{ background:transparent !important; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; visibility:hidden; } #createWidgetMain .x-mask,#customCreateWidgetMain .x-mask{ filter: alpha(opacity=95); opacity: .95; background: #ffffff !important; } #createWidgetMain .x-mask-msg.x-mask-loading, #createWidgetMain .x-mask-msg.x-mask-loading div,#customCreateWidgetMain .x-mask-msg.x-mask-loading, #customCreateWidgetMain .x-mask-msg.x-mask-loading div{ background:transparent !important; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; visibility:hidden; } #createWidgetMain, #createWidgetMain .x-box-inner,#customCreateWidgetMain, #customCreateWidgetMain .x-box-inner{ overflow:visible !important; } .widgetPaperCurve, .widgetPaperCurve .x-box-inner{ overflow:visible !important; } .widgetPaperCurve { width:74px; height:89px; position: absolute; bottom:0px; z-index:9999; right:0px; background : url('/final/images/Light/saveButtonBg.png')no-repeat top left; } .widgetSaveButton { background:url('/final/images/Light/iconsOneClickIstam.png')no-repeat top left; background-position:-540px -56px; width:30px; height:30px; border:0px solid gray; bottom:5px; right:5px; position:absolute; z-index:1111; } .colorPalette .x-form-text, /*--color Palette drop down--*/ .dropdown.colorPalette .x-form-item-body input.x-form-text { background:#ffffff; border-color:#aab2bd; border-style:solid; border-width:1px 0px 1px 1px; padding-left:6px; padding-bottom:0px; font-weight:normal; height:21px; line-height:1.8em; } .dropdown.colorPalette .x-form-item-body .x-form-text.x-form-focus{ border-color:#aab2bd; border-style:solid; border-width:1px 0px 1px 1px; } .dropdown.colorPalette .x-form-trigger{ border-color:#aab2bd !important; border-style:solid; border-width:1px 1px 1px 0px; } .dropdown.colorPalette .x-form-item-body.x-form-trigger-wrap-focus .x-form-trigger{ border-color:#aab2bd; border-style:solid; border-width:1px 1px 1px 0px; } .colorPalette span{padding:5px;float:left} .userDefinedImgDefault{ float:left; width:42px; height:42px; position:relative; background-color:#ffffff; border:1px solid #eeeeee; } .userDefinedImgDefaultOver{ width:32px; height:32px; display:none; background:rgba(173, 173, 173,100); position:absolute; z-index:99; cursor:pointer; margin:5px; top:0px; left:0px; } /* Widget Library styles start Here */ .widgetLibraryButton{ background-color:#ffffff; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.7); margin:0px; float:left; border-width:1px 0px 1px 0px; border-color:#ffffff #ffffff #e3e3e3 #ffffff; border-style:solid; padding:10px; position:relative; display:inline-block; cursor:pointer; cursor:hand; } .x-item.x-item-selected button{ background:red !important; cursor:pointer; cursor:hand; } .widgetLibraryButton:hover{ background-color:#f3f3f3; border-width:1px 0px 1px 0px; border-color:#ffffff #ffffff #e3e3e3 #ffffff; border-style:solid; margin:0px; float:left; padding:10px; position:relative; display:inline-block; cursor:pointer; cursor:hand; } .widgetLibraryButton.x-item-selected{ background-color:#f3f3f3; -webkit-box-shadow: -10px 0px 8px 1px rgba(0,0,0,0.85); -moz-box-shadow: -10px 0px 8px 1px rgba(0,0,0,0.85); box-shadow: -10px 0px 8px 1px rgba(0,0,0,0.85); border-width:1px 0px 1px 0px; border-color:#f3f3f3; border-style:solid; margin:0px 0px 0px 0px; float:left; padding:10px; position:relative; display:inline-block; z-index:9; cursor:pointer; cursor:hand; } .widgetLibraryItems{ background-color:#595959; -webkit-box-shadow: -5px 0px 20px 0px rgba(0,0,0,0.75); -moz-box-shadow: -5px 0px 20px 0px rgba(0,0,0,0.75); box-shadow: -5px 0px 20px 0px rgba(0,0,0,0.75); border-width:1px 1px 1px 1px; border-color:#595959; border-style:solid; margin:0px 0px 0px 0px; float:right; padding:5px; position:absolute; top:0; display:inline-block; overflow-x:hidden; overflow-y:auto; z-index:8; } .widgetLibraryIconNameFont{ font-size:13px; } .widgetAddButton{ background:#a0b376; border:1px solid #252525; color:#ffffff; padding:3px; width:70px; } .widgetAddButton.x-btn-default-small .x-btn-inner{ color:#ffffff; font-size:12px; } .widgetAddButtonDisabled{ background:#838383; border:1px solid #4e4e4e; color:#b4b4b4; padding:2px; width:70px; } .widgetRemoveButton{ background:#d2504b; border:1px solid #252525; color:#ffffff; padding:2px; width:70px; } .mainX .widgetLibraryItems{ display:none; } .mainX.x-item-selected .widgetLibraryButton{ background-color:#f3f3f3; -webkit-box-shadow: -8px 0px 10px 1px rgba(0,0,0,0.35); -moz-box-shadow: -8px 0px 10px 1px rgba(0,0,0,0.35); box-shadow: -8px 0px 10px 1px rgba(0,0,0,0.35); border-width:1px 0px 1px 0px; border-color:#f3f3f3 #f3f3f3 #b9b9b9 #f3f3f3; border-style:solid; margin:0px 0px 0px 0px; float:left; padding:10px; position:relative; display:inline-block; z-index:9; } .mainX.x-item-selected .widgetLibraryItems{ display:block; background-color:#f3f3f3; -webkit-box-shadow: -2px 0px 16px 0px rgba(0,0,0,0.35); -moz-box-shadow: -2px 0px 16px 0px rgba(0,0,0,0.35); box-shadow: -2px 0px 16px 0px rgba(0,0,0,0.35); border-width:1px 1px 1px 1px; border-color:#f3f3f3; border-style:solid; margin:0px 0px 0px 0px; float:right; padding:5px; position:absolute; top:0; display:inline-block; overflow-x:hidden; overflow-y:auto; z-index:8; } .mainX #deleteIconShowHide{ display:none; } .mainX.x-item-selected #deleteIconShowHide{ display:block; } .x-btn-default-toolbar-small-disabled .iconWidgetLibLeftArrow{ background-color:transparent !important; opacity:0.5; filter:Alpha(opacity=50); } .x-btn-default-toolbar-small-disabled .iconWidgetLibRightArrow{ background-color:transparent !important; opacity:0.5; filter:Alpha(opacity=50); } #pagingId .x-btn.x-toolbar-item.x-over.x-btn-over.x-btn-default-toolbar-small-over.over .iconWidgetLibLeftArrow, #pagingId .x-btn.x-toolbar-item.x-btn-default-toolbar-small-icon-over .iconWidgetLibLeftArrow{ padding:0px !important; margin:0px !important; height:20px !important; } #pagingId .x-btn.x-toolbar-item.x-over.x-btn-over.x-btn-default-toolbar-small-over.over .iconWidgetLibRightArrow, #pagingId .x-btn.x-toolbar-item.x-btn-default-toolbar-small-icon-over .iconWidgetLibRightArrow{ padding:0px !important; margin:0px !important; height:20px !important; } #forLabelText label{ font-size:10px; position:relative; } /* Widget Library Styles End Here */ /* .widgetPaperCurve { position:absolute; overflow:visible !important; z-index:9999; right:0px; bottom:0px; width:90px; height:90px; border:0px solid blue; background:url('/final/images/Dark/iconsOneClickIstam.png')no-repeat top left; background-position:-450px 0px; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } */ .configureWidgetDefaultIcon{ width:42px; height:42px; border:5px solid #909090; background:#808080; } .widgetName{ font-size: 13px; color: #9b9fa1;padding:6px;text-decoration:underline} .OneClickConfigButton button{border-width:0px;background:rgba(0, 0, 0, .15)} .OneClickConfigMainBody{background:#e3e3e3} #configTableGrid-body .x-action-col-icon.iconDelete{ margin-top:2px; } .x-grid-row .x-grid-cell-row-checker{ vertical-align:top; } .x-grid-row .x-grid-cell-row-checker{ line-height:0px !important; padding:0px; } #configTableGrid-body .x-grid-with-row-lines .x-grid-cell-inner{ line-height:0px !important; } .heatMapHeaderAndBorder{ border-bottom:1px solid #c6c6c6; font-size:13px; padding:4px 0px 2px 0px; } .widgetComboSelectionToolbar{ background-color:rgba(215, 215, 215, 0.8) !important; } .widgetComboSelectionToolbarHover{ background-color:rgba(215, 215, 215, 0.8) !important; } .widgetComboSelectionToolbarHover .x-form-item-label.x-form-item-label-left{ font-weight:normal; } .widgetComboSelectionToolbar .widgetComboSelectionToolbarDescriptor, .widgetComboSelectionToolbar .widgetComboSelectionToolbarComponent{ font-weight:normal; font-size:11px !important; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .widgetComboSelectionToolbar table .x-form-item-label.x-form-item-label-left{ font-weight:normal; } /* -----------Template Builder Styles End here ---------------------*/ /********* Report Template Builder Styles Start Here *******-- Jaiwin--**/ /* ====================================================================================================== */ /***** Above styles copied from 4.0 Tree Styles... Used with Monitor Template Builder and One Click Dashboard ****End Here*/ #reportdataconfigurationid{ background:#f3f3f3; border-top: solid 1px #e3e3e3; border-right: solid 1px #e3e3e3; border-bottom: solid 1px #e3e3e3; border-left: solid 1px #e3e3e3; margin-top:-2px !important; } #reportconfigsliderId{ z-index:10; } #reportdataconfigurationid .x-menu-item-separator { height: 2px; border-top: solid 1px #c0c0c0; background-color: #f3f3f3; margin: 2px 0; overflow: hidden; } #reportdataconfigwindowid .egFooter.x-toolbar-default .x-box-inner { border-top: #676767 1px solid !important; } #reportTemplateMain_header_hd { padding: 0px 5px 0px 10px !important; } .reportTemplateGridViewButton, .reportTemplateListViewButton{ background:transparent url('/final/images/Light/reportTemplateIcons.png')no-repeat top left; height:27px; width:31px; border:0px; border-width:0px 0px 0px 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; -o-border-radius: 0px !important; -ms-border-radius: 0px !important; -khtml-border-radius: 0px !important; border-radius: 0px; top:-1px !important; /*J*/ } .reportTemplateGridViewButton{ background:transparent url('/final/images/Light/reportTemplateIcons.png')no-repeat top left; /*J*/ background-position:0px 0px; top:0px; } .reportTemplateListViewButton{ background:transparent url('/final/images/Light/reportTemplateIcons.png')no-repeat top left; /*J*/ background-position:-31px 0px; top:0px; } .reportTemplateGridViewButton:hover{ background:#c1c0c0 url('/final/images/Light/reportTemplateIcons.png')no-repeat top left; background-position:-62px 0px; top:0px; } .reportTemplateListViewButton:hover{ background:#c1c0c0 url('/final/images/Light/reportTemplateIcons.png')no-repeat top left; background-position:-93px 0px; top:0px; } .reportTemplateGridViewButton.x-pressed.x-btn-pressed{ background:#c1c0c0 url('/final/images/Light/reportTemplateIcons.png')no-repeat top left; background-position:-62px 0px; top:0px; } .reportTemplateListViewButton.x-pressed.x-btn-pressed{ background:#c1c0c0 url('/final/images/Light/reportTemplateIcons.png')no-repeat top left; background-position:-93px 0px; top:0px; } #reportBuilderBoxViewPage .toolbar, #reportBuilderBoxViewPage .x-toolbar-default { background-color: #f4f4f4 !important; background-image: none !important; border: none !important; } .iconSortBy, .iconGenerate, .iconDescription, .iconGreenTick, .iconGenerateGrid, .iconDescriptotMore, .iconSettingsReportTemplate, .iconDeleteReportTemplate, .iconDeleteReportTemplateDisabled, .iconReportSelectionHide, .iconReportSelectionHide.x-btn-pressed, .iconReportTemplateClone, .iconReportTemplateCloneGrid{ background:transparent url('/final/images/Light/reportTemplateIcons.png')no-repeat top left; border:0px; } .iconSortBy{ background-position:0px -50px;width:16px;height:16px; } .iconGenerate{ background-position:-20px -50px;width:20px;height:20px; } .iconGenerate:hover{ background-position:-20px -70px;width:20px;height:20px; } .iconDescription{ background-position:-40px -50px;width:16px;height:16px; } .iconGreenTick{ background-position:-60px -50px;width:16px;height:16px; } .iconGenerateGrid{ background-position:-80px -50px;width:20px;height:20px; } .iconDescriptotMore{ background-position:-100px -50px;width:16px;height:16px; } .iconSettingsReportTemplate{ background-position:-120px -50px;width:20px;height:20px; } .iconDeleteReportTemplate{ background-position:-140px -50px;width:20px;height:20px; } .iconDeleteReportTemplateDisabled{ background-position:-140px -50px;width:20px;height:20px; filter: alpha(opacity=20); opacity: .2; } .iconReportSelectionHide{ background-position:-160px -50px;width:16px;height:16px; } .iconReportSelectionHide.x-btn-pressed{ background-position:-180px -50px !important;width:16px;height:16px; } .iconReportTemplateClone{ background-position:-200px -50px;width:20px;height:20px; } .iconReportTemplateClone:hover{ background-position:-200px -70px;width:20px;height:20px; } .iconReportTemplateCloneGrid{ background-position:-220px -50px;width:20px;height:20px; } .reportDescriptionLabel{ white-space: wrap; word-wrap:wrap; } .reporterTemplateWidgetToolbar{ background-color: #ffffff !important; } .reporterTemplateWidgetToolbarOver{ background: #f5f5f5 !important; } .reporterTemplateWidgetModifyToolbar{ background-color: #f5f5f5 !important; } .reporterTemplateWidgetModifyToolbarOver{ background-color: #f5f5f5 !important; } .descriptionForTemplates{ background:#fbfbfb !important; border:1px solid #e3e3e3 !important; border-radius: 0px 0px 0px 0px !important; -moz-border-radius: 0px 0px 0px 0px !important; -khtml-border-radius: 0px 0px 0px 0px !important; -o-border-radius: 0px 0px 0px 0px !important; -webkit-border-radius: 0px 0px 0px 0px !important; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.55); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.55); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.55); border-spacing:none !important; padding:8px 20px 5px 20px; text-align:center; white-space: wrap; word-wrap:wrap; line-height:1.2em; font-weight:400; font-size:11px; } .descriptorLeftDesign{ background:transparent url('/final/images/Light/descriptorLeftDesign.png')no-repeat top left; width:30px; height:8px; float:right; margin-right:-15px; } .descriptorRightDesign{ background:transparent url('/final/images/Light/descriptorRightDesign.png')no-repeat top left; width:30px; height:8px; float:left; margin-left:-15px; } .reportTemplateSortbyPopup{ background:#ffffff !important; border:1px solid #d5d4d4 !important; border-radius: 0px 0px 0px 0px !important; -moz-border-radius: 0px 0px 0px 0px !important; -khtml-border-radius: 0px 0px 0px 0px !important; -o-border-radius: 0px 0px 0px 0px !important; -webkit-border-radius: 0px 0px 0px 0px !important; /* -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35); */ border-spacing:none !important; overflow:visible; } .reportTemplateSortbyPopupArrow{ margin: 0px; width: 14px !important; height: 9px !important; position: absolute; left:85px; top:-9px; background-image: url('/final/images/Light/sortbyTooltipArrowTop.png') !important; } .sortbyButtonCls{ background:#ffffff; border:0px; text-align:left; padding:2px; } .sortbyButtonCls.x-btn-default-small .x-btn-inner{ text-align:left; } .sortbyButtonCls.x-btn-pressed, .sortbyButtonCls.x-btn-over{ background:#c5ddf0; border:0px; text-align:left; padding:2px; } .sortbyButtonCls.x-btn-pressed.x-btn-default-small-pressed.x-btn-default-small .x-btn-inner, .sortbyButtonCls.x-btn-over.x-btn-default-small-pressed.x-btn-default-small .x-btn-inner{ text-align:left; font-weight:500; } /* Chrome, Safari, Opera */ @-webkit-keyframes mymove { 10% {border: 2px solid #97c343;} } /* Standard syntax */ @keyframes mymove { 10% {border: 2px solid #97c343;} } .datapanelWidgetIconText { font-size:13px; text-decoration:underline; } .datapanelWidgetIconTextConfigured{ font-size:13px; text-decoration:none; } .rtbSeparator.x-toolbar .x-toolbar-separator-horizontal, .rtbSeparator.x-toolbar .x-toolbar-separator, .rtbSeparator.x-toolbar-separator, .rtbSeparator.x-toolbar .x-toolbar-separator-default{ width:2px !important; height:26px !important; border-color:#fff #fff #fff #d2d2d2 !important; border-width:0px 1px 0px 1px !important; border-style:solid !important; top:0px !important; } .widgetHeaderSeparator.x-toolbar .x-toolbar-separator-horizontal, .widgetHeaderSeparator.x-toolbar .x-toolbar-separator, .widgetHeaderSeparator.x-toolbar-separator, .widgetHeaderSeparator.x-toolbar .x-toolbar-separator-default{ width:2px !important; border-top-color:#fff !important; border-right-color: #fff !important; border-bottom-color: #303030 !important; border-left-color:#000 !important; filter:alpha(opacity=15); opacity: 0.15; border-width:0px 1px 0px 1px !important; border-style:solid !important; top:0px !important; } .x-panel-groupPanel{ background:#ededed; } .x-panel-header.x-panel-header-groupPanel{ background-color: #ededed !important; border-width:1px 1px 1px 1px !important; border-color:#d5d5d5 #d5d5d5 #d5d5d5 #d5d5d5; border-style:solid; padding:1px 10px 1px 5px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow:none; /* border:1px solid #cdcdcd !important; */ font-size:12px; color:#c6c6c6; margin:0px; } .x-panel-body.x-panel-body-groupPanel{ background:#ededed; border-width:0px 1px 1px 1px !important; border-color:#d5d5d5 #d5d5d5 #d5d5d5 #d5d5d5; border-style:solid; } .x-panel-header.x-panel-header-groupPanel .x-panel-header-text-groupPanel{ font-size:12px; } .datapanel .gridSkin.gridSkinOuterBorder{ border:1px solid #252525 !important; } /**below styles copied from * egMyDashboard.css **** start here****/ .myDashboardwindow{} .myDashboardwindow.x-window-default { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -ms-border-top-left-radius: 0px; -o-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -ms-border-top-right-radius: 0px; -o-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -ms-border-bottom-right-radius: 0px; -o-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -ms-border-bottom-left-radius: 0px; -o-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border-width: 1px; border-style: solid; border-color: #6c6c6c; background-color: #6c6c6c; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.0); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.0); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.0); padding:0px 10px 10px 10px !important; } .myDashboardwindow .x-window-header-default{ zoom: 1; padding: 4px 10px 0px 10px !important; margin: 0px 4px 0px 4px; height:15px !important; background-color: #6c6c6c; } .myDashboardwindow .x-window-body-default { border:0px solid #6c6c6c; background: #ffffff !important; } .myDashboardwindow .x-window-header-default-top { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -ms-border-top-left-radius: 0px; -o-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -ms-border-top-right-radius: 0px; -o-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -ms-border-bottom-right-radius: 0; -o-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -ms-border-bottom-left-radius: 0; -o-border-bottom-left-radius: 0; border-bottom-left-radius: 0; border-width: 0px 0px 0px 0px !important; border-color: #646464 #646464 #4f4f4f #646464 !important; border-style:solid; } /* color pallette styles start here */ .labelNormal{ line-height:11px; padding:2px 5px; margin:0px; line-height:12px; background:#ffffff; border-color:#ffffff; border-width:1px 0px 1px 0px; border-style:solid; } .x-labelSelect{ background:#b9b9b9; border-color:#c4c4c4; border-width:1px 0px 1px 0px; border-style:solid; margin:0px; line-height:11px; padding:2px 5px; line-height:11px; } .labelOver{ background:#e7e7e7; border-color:#e7e7e7; border-width:1px 0px 1px 0px; border-style:solid; margin:0px; line-height:11px; padding:2px 5px; line-height:11px; } .graphpalettewindow{ background: #ffffff; border:#d4d4d4 1px solid; overflow:auto !important; -webkit-box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.18); -moz-box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.18); box-shadow:0px 2px 1px -1px rgba(0,0,0,0.18); } .colorpalletnodge{ background-image:url("../images/Light/colorpalletnodge.png"); background-repeat:no-repeat; width:10px; height:5px; position:absolute; top:-5px; left:169px; } .containerNormal{ position:relative } .containerOver .bgrnd{ border:1px solid #2b2b2b; padding:1px; text-align:center } .bgrnd{ border:1px solid #757575; padding:1px; text-align:center } .colorTool{ overflow: hidden; width: 15px; height: 15px; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background-image: url('../images/Light/tool-sprites.png'); background-position: 0px -360px; } /* color pallette styles End here */ .x-mask.background_modal{ background:transparent !important; } /**above styles copied from * egMyDashboard.css **** end here****/ .changeImageIconText{ font-size:8px; color:#ffffff; border-bottom:1px solid white; display:inline-block; line-height:1em; } .oneClickSeparator{ width:2px; background:url("../images/Light/oneClickSeparator.png") repeat-y 0px 0px transparent !important; margin:0px; border:none !important; } .searchHighLight{ background-color:#69737f; } .x-fieldset.checkbt.x-fieldset-simple { border:#c7c7c7 1px solid; background:transparent; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow: none; } .x-fieldset.checkbt.x-fieldset-with-title.x-fieldset-with-legend.x-box-item.x-fieldset-simple.x-fieldset-collapsed{ border:1px solid transparent; background:transparent; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow: none; } .x-fieldset.checkbt.x-fieldset-simple .x-fieldset-header .x-fieldset-header-text{ border:0px !important; margin-top: 1px; background-color:transparent; padding: 5px 5px 2px 5px; font-size: 11px; font-weight:500; /* text-transform: uppercase; */ } .x-fieldset-simple legend .x-fieldset-header-checkbox{ margin:4px 0px 0px 0px !important; } .x-fieldset-simple legend.x-webkit.x-fieldset-header { -webkit-padding-start: 4px !important; -webkit-padding-end: 0px !important; } .gridSkin.noShadowNoHeader .x-column-header-inner { border-top: 1px solid #adadad !important; padding: 4px 10px 2px 10px !important; line-height:18px; } #reportGeneration-triggerWrap { width:220px; } .reporterProgressBar{ -webkit-box-shadow:0 0 0px 0 rgba(50,50,50,0.75); -moz-box-shadow:0 0 0px 0 rgba(50,50,50,0.75); box-shadow:0 0 0px 0 rgba(50,50,50,0.75) } .x-ie .x-fieldset.x-fieldset-simple .x-fieldset-body { padding:0px 10px 0px 7px !important; } .editorNameField { font-weight:500; font-size:14px; filter:alpha(opacity=40); opacity: 0.40; } .expandWindowPopupShadow { -webkit-box-shadow: 0px 0px 20px 0px rgba(100, 100, 100, 0.85); -moz-box-shadow: 0px 0px 20px 0px rgba(100, 100, 100, 0.85); box-shadow: 0px 0px 20px 0px rgba(100, 100, 100, 0.85); } /********* Report Template Builder Styles End Here *******-- Jaiwin--**/ /* ====================================================================================================== */ /************** RUM topology @ RUM Transaction **************/ #rumTopologyBuildWindow-body{ background:#535353 !important } html#rumBTM, #rumBTM body { height: 100%; max-height: 100%; transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; } #rumBTM .RUMTopologywrapper { height: 100%; min-height: 100%; width:100%; min-width:100%; border:#1c1c1c 1px solid; } #rumBTM .rumTopologyTitle { font-size: 16px; margin-top: 0px; line-height: 19px; color: #000; text-align: center; position: absolute; left: 0px; right: 0px; top: 20px; } #rumBTM .rumTopologyheader { background: #f6f6f6; height: 33px; line-height: 33px; color: #292929; border-bottom: #e3e3e3 1px solid; padding:0px 10px; } #rumBTM .RUMTopologywrapper .font_bold { color: #282828 } #rumBTM .rumTopologyheader span { } #rumBTM .topologyBlock { position: relative; left: -5%; right: 0; margin-left: auto; margin-right: auto; top:25.5%; width:1024px; margin-top:15px; } #rumBTM .outerBg { font-weight: normal; background: #eeeeee; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 8px 12px 7px; } .rumTopologyTitle span.bold { font-weight:500; } #rumBTM .topologyBlock:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } #rumBTM .userBlock, #rumBTM .arrowBlock, #rumBTM .browerblock, #rumBTM .requestrespondblock, #rumRequestFlow .requestrespondblock, #rumRequestFlow .requestrespondblock1, #rumBTM .cloudBlock { float: left; text-align: center; } #rumBTM .userBlock { width: 176px; text-align: center; position: relative; left: 28px; /*margin-top: 25px;*/ margin-top: 50px; } #rumBTM .username { color: #3683b8; font-size: 12px; font-weight:500; margin-top:-15px;/*F*/ height: 16px;/*F*/ } #rumBTM .rumuserIcon, #rumBTM .deviceinfo .Desktop, #rumBTM .deviceinfo .Mobile, #rumBTM .deviceinfo .Tablet, #rumBTM .rumUXSlow, #rumBTM .rumUXHealthy, #rumBTM .rumUXError, #rumBTM .rumUXStalled, #rumBTM .cloudBlock, #rumBTM .requestrespondblock, #rumBTM .iconRUMCITY, #rumBTM .iconRUMOS, #rumBTM .iconRUMIP, #rumBTM .iconRUMIP, #rumBTM .iconRUMGATEWAY_IP, #rumBTM .iconRUMBROWSER, #rumBTM .iconRUMVERSION, #rumBTM .iconRUMPAGETYPE, #rumBTM .iconRUMBROWSER, #rumBTM .iconRUMVERSION, #rumBTM .iconRUMPAGETYPE, #rumBTM .iconRUMREFERRER, #rumBTM .iconRUMERROR_MESSAGE, #rumBTM .chartMirror { background-image: url('/final/images/Light/rumtopology_sprite.png'); background-position: left top; background-repeat: no-repeat } #rumBTM .rumuserIcon { background-position: left top; width: 94px; height: 87px; position: relative; margin: 5px auto 22px auto;/*F*/ z-index: 991; background-color:#fff; } #rumBTM .deviceinfo { background: #e0ecf5; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; border: #fff 5px solid; text-align: center; width: 50px; height: 50px; position: absolute; bottom: 87px; right: 0px; left: 52px;/*F*/ top: 54px; overflow: hidden; } #rumBTM .deviceinfo .Desktop { background-position: -130px -3px; width: 41px; height: 41px; } #rumBTM .deviceinfo .Mobile { background-position: -170px -3px; width: 41px; height: 41px; } #rumBTM .deviceinfo .Tablet { background-position: -90px -3px; width: 41px; height: 41px; } #rumBTM .rumUXSlow { background-position: left -91px; width: 89px; height: 19px; margin: 0px auto; } #rumBTM .rumUXHealthy { background-position: left -131px; width: 89px; height: 19px; margin: 0px auto; } #rumBTM .rumUXError { background-position: left -111px; width: 89px; height: 19px; margin: 0px auto; } #rumBTM .rumUXStalled { background-position: left -151px; width: 89px; height: 19px; margin: 0px auto; } #rumBTM .font24 { font-size: 32px; color: #292929; text-align: center; } #rumBTM .RUMTopologybodywrapper{ height:100%; } #rumBTM #toogleList { border: #ededed 1px solid; background: #ffffff; padding: 40px 8px 5px 8px; margin-bottom:-11px; display: none; } #rumBTM #listDiv { display: none; } #rumBTM #cntDiv, #rumBTM #nwtDiv { padding: 3px 10px; background: #58acd0; display: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #rumBTM #cntDiv{ /*width:197px;*/ } #rumBTM #nwtDiv .list { color: #fff; font-weight:500; border-top: #79bdd9 1px solid; border-bottom: #4f9abb 1px solid; } #rumBTM #nwtDiv .nwtDetail{ border-bottom: #4f9abb 1px solid; } #rumBTM #cntDiv .list { color: #fff; font-weight:500; border-bottom: #7e6b63 1px solid; border-top: #9d867c 1px solid; } #rumBTM #cntDiv .cntlistdetail{ border-bottom: #7e6b63 1px solid; } #rumBTM #cntDiv{ background:#86766f; } #rumBTM #nwtDiv{ background:#58acd0; } #rumBTM #cntDiv .list div, #rumBTM #nwtDiv .list div { padding: 2px 0px 2px 0px !important; } #rumBTM #nwtDiv .list:first-child { border-top: #79bdd9 0px solid; } #rumBTM #cntDiv .list:first-child { border-top: #cbac9f 0px solid; } #rumBTM #cntDiv .list:last-child{ border-bottom: #9b8278 0px solid; } #rumBTM #nwtDiv .list:last-child { border-bottom: #4f9abb 0px solid; } #rumBTM .listDiv .list, #rumBTM .toogleGrp .list { text-align: left; padding: 0px 0px; } #rumBTM .toogleGrp { position: absolute; /*z-index:999;*/ padding: 0px 5px 5px 5px; /*width:167px;*/ width:170px; top: 64px; /*F*/ left: 12px; } #rumBTM .toogleGrp button { position: relative; bottom:-25px;/*F*/ padding: 5px; /*margin-left:105px; left: 128px;*/ margin-left:94px; z-index: 999; } #rumBTM .browerblock, #rumBTM .bwrfooter { background-image: url('/final/images/Light/bwr.png'); background-position: left top; background-repeat: no-repeat } #rumBTM .browerblock { /*width: 174px;*/ width: 212px; margin-top: 15px; /*padding-top: 60px;*/ padding-top: 32px; background-position: left top; position: relative; margin-left:3px } #rumBTM .browerlayer { background-image: url('/final/images/Light/bwr-top.png'); background-position: left top; background-repeat: no-repeat; position: absolute; width: 184px; /*height: 124px;*/ height: 100%; top: -2px; } #rumBTM .bwrfooter { width: 212px; height: 12px; background-position: left bottom; } .bwrContent { width: 212px; text-align: left; padding:0px 10px; background: url('/final/images/Light/bwr_repeat.png') left top repeat-y; } .bwrContent div fieldset { border:1; } #rumBTM .cloudBlock { background-position: -251px 0px; width: 226px; height: 145px; position: relative; margin-top: 5px; margin-left: -68px; } #rumBTM .requestrespondblock { background-position: -511px -6px; height: 197px; width: 325px; } #rumBTM .networkinfo { width: 226px; height: 130px; position: relative; margin-top: -20px; } #rumBTM .arrowBlock { background: url('/final/images/Light/rumarrow.png') left 89px no-repeat; height: 175px; width: 10%; margin-left: 25px; } #rumBTM .fbg { background: #fff; padding: 5px; line-height:18px; } #rumBTM .ms { color: #000; } #rumBTM #shownetworkconnections, #rumBTM #contentdownload, .rumtopologyDDIcon { background: #fff url('/final/images/Light/rumtopology_sprite.png') -110px -183px no-repeat; width: 14px; height: 18px; border: 0px #000 solid; padding:0px; margin:0px; cursor: pointer; } #rumBTM .iconRUMCITY { background-position: -18px -183px; width: 17px; height: 18px; vertical-align: top; } #rumBTM .iconRUMOS { background-position: -3px -183px; width: 17px; height: 18px; vertical-align: middle; } #rumBTM .iconRUMIP { background-position: -32px -183px; width: 17px; height: 18px; vertical-align: middle; } #rumBTM .iconRUMGATEWAY_IP { background-position: -47px -183px; width: 17px; height: 18px; vertical-align: middle; } #rumBTM .iconRUMBROWSER { background-position: -62px -183px; width: 17px; height: 18px; vertical-align: middle; } #rumBTM .iconRUMVERSION { background-position: -78px -183px; width: 16px; height: 18px; vertical-align: middle; } #rumBTM .iconRUMPAGETYPE { background-position: -93px -183px; width: 17px; height: 18px; vertical-align: middle; } #rumBTM .iconRUMREFERRER { background-position: -122px -183px; width: 17px; height: 18px; vertical-align: middle; } #rumBTM .iconRUMERROR_MESSAGE{ background-position: -138px -183px; width: 17px; height: 18px; vertical-align: middle; } #rumBTM .iconRUMREGION, #rumBTM .blockREGION, #rumBTM .iconRUMCOUNTRY, #rumBTM .blockCOUNTRY, #rumBTM .iconRUMCOUNTRY_CODE, #rumBTM .blockCOUNTRY_CODE { display: none !important; } #rumBTM .listblk { width: 120px; font-size: 12px; } #rumBTM #nwtDiv, #rumBTM #cntDiv { position: absolute; top: -10px; left: 40px; z-index: 99; } #rumBTM .bwrlistDiv { margin: 0px 15px 0px 5px; padding: 15px 0px 5px 0px; /*border-top: #ededed 1px solid;*/ } #rumBTM .bwrlistDiv .list { padding: 0px 5px 0px 5px; } #rumBTM .rumtogglearrow { background: url('/final/images/Light/rumtogglearrow.png') 0 0 no-repeat; width: 19px; height: 19px; border-width: 0px; cursor: pointer; } #rumBTM .rumtogglearrow { -webkit-transition: -webkit-transform .3s ease-in-out; -ms-transition: -ms-transform .3s ease-in-out; transition: transform .3s ease-in-out; } #rumBTM .rumtogglearrowRotate { transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); } #rumBTM .contentdownloadinfo { position: relative; left: 65px; } #rumBTM .chartBlock { background: #f6f6f6; border: #858687 1px solid; position: absolute; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; left: auto; right: 2%; /*bottom: 5%;*/ bottom: 25%; width: 189px; height: 277px; } #rumBTM .chartMirror { position: absolute; background-position: -292px -183px; background-repeat: no-repeat; top: 187px; left: 18px; width: 157px; height: 13px; } #rumBTM .brlist { cursor: default; color: #292929; } #rumBTM .brlist:hover { color: #3683b6 } #rumBTM .bfont{ color:#409fb4; } #rumBTM .cfont{ color:#e57e73; } #rumBTM .nfont{ color:#24384b; } #rumBTM .be_font{ color:#f1be5c; } #rumBTM .rum_error{ height:8px; width:650px; padding:5px; border-width:1px 1px 0px 1px; border-color:#ffd5d5; border-style:solid; margin-left:15px; position:relative; background:#fff; z-index: 9999 !important; } #rumBTM .rumError_cont{ height:58px; width:640px; background-color:#ffd5d5; /*overflow-y:auto;*/ overflow:auto; padding:5px; text-align:left; border-radius:2px; position:absolute; z-index: 2; } #rumBTM .rumErrorMinimise{ height:25px; width:175px; background-color:#ffd5d5; /*overflow-y:auto;*/ overflow:auto; padding:6px; text-align:left; border-radius:2px; position:absolute; z-index: 2; font-size:12px } #rumBTM .error_tgleButt{ position:relative; bottom: 8px; float: right; z-index:10; margin-right:10px; background: url("/final/images/Light/rumtogglearrow_error_light.png") 0 0 no-repeat; } #rumBTM .rum_errorview{ height: 190px; width: 58px; /*background: url("/final/images/Light/rumtopology_error_light.png") 0 0 no-repeat;*/ margin-top: -135px; margin-left: 190px; z-index: 999999; position:absolute; border-width:1px 0px 0px 1px; border-style:solid; border-color:#ffd5d5; z-index:0; } #rumBTM .rum_errorviewToggle{ height: 189px; width: 27px; background: url("/final/images/Light/rumtopology_error_light.png") 0 0 no-repeat; margin-top: -135px; margin-left: 180px; z-index: 999999; position:absolute } @media screen and (max-width: 3500px) and (min-width: 1367px) { #rumBTM .rum_errorview{ height:190px; width: 58px; /*background: url("/final/images/Light/rumtopology_error_light.png") 0 0 no-repeat;*/ margin-top: -120px; margin-left: 189px; /*z-index: 999999;*/ border-width:1px 0px 0px 1px; border-style:solid; border-color:#ffd5d5; } #rumBTM .rum_errorviewToggle{ height: 208px; width: 58px; background: url("/final/images/Light/rumtopology_error_light.png") 0 0 no-repeat; margin-top: -135px; margin-left: 189px; /*z-index: 999999;*/ position:absolute } #rumBTM .rum_error{ height:8px; width:650px; padding:5px; border-width:1px 1px 0px 1px; border-color:#ffd5d5; border-style:solid; margin-left:15px; margin-top:64px; position:relative; background:#fff; z-index: 9999 !important; } } @media screen and (max-width: 1366px) and (min-width: 1024px) { #rumBTM .rum_errorview{ height: 190px; width: 58px; /*background: url("/final/images/Light/rumtopology_error_light.png") 0 0 no-repeat;*/ margin-top: -120px; margin-left: 190px; /*z-index: 999999;*/ border-width:1px 0px 0px 1px; border-style:solid; border-color:#ffd5d5; } #rumBTM .rum_errorviewToggle{ height: 208px; width: 22px; background: url("/final/images/Light/rumtopology_error_light.png") 0 0 no-repeat; margin-top: -135px; margin-left: 184px; z-index: 999999; position:absolute } } @media screen and (max-width: 1089px) and (min-width: 800px) { #rumBTM .rum_errorview{ height: 190px; width: 58px; /*background: url("/final/images/Light/rumtopology_error_light.png") 0 0 no-repeat;*/ margin-top: -120px; margin-left: 190px; /*z-index: 999999;*/ border-width:1px 0px 0px 1px; border-style:solid; border-color:#ffd5d5; } #rumBTM .rum_errorviewToggle{ height: 208px; width: 22px; background: url("/final/images/Light/rumtopology_error_light.png") 0 0 no-repeat; margin-top: -135px; margin-left: 184px; z-index: 999999; position:absolute } } @media screen and (min-width: 1024px) { #rumBTM body { background: #fff; } #rumBTM body, #rumBTM .userBlock, #rumBTM .arrowBlock, #rumBTM .browerblock, #rumBTM .requestrespondblock, #rumRequestFlow .requestrespondblock, #rumRequestFlow .requestrespondblock1, #rumBTM .cloudBlock, #rumBTM .font24, #rumBTM .topologyBlock, #rumBTM .chartBlock { transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; } #rumBTM .topologyBlock { /* width: 1024px;*/ margin-top:15px; } /**********Edit by saravana********/ #rumBTM .arrowBlock { background: url('/final/images/Light/rumarrow.png') left 115px no-repeat; height: 175px; width: 7%; margin-left: 25px; } #rumBTM .requestrespondblock { background: url('/final/images/Light/rumtopology_sprite_arrow.png') no-repeat; height: 312px; width: 480px; position: relative; left: -105px; top: -38px; } #rumRequestFlow .requestrespondblock { /*background: url('/final/images/Light/rumtopology_request_sprite_arrow.png') no-repeat; height: 326px; width: 429px; position: relative; left: -105px; top: -49px;*/ background: url('/final/images/Light/rumtopology_request_sprite_arrow_ajax_new.png') center center no-repeat; height: 261px; width: 478px; position: relative; left:-135px; top:-20px; } #rumRequestFlow .requestrespondblock1 { /*background: url('/final/images/Light/rumtopology_request_sprite_arrow1.png') no-repeat;*/ background: url('/final/images/Light/rumtopology_request_sprite_arrow_new.png') no-repeat; height: 326px; /*width: 429px;*/ width: 478px; position: relative; /*left: -105px;*/ left: -100px; top: -49px; margin-top: 14px; } #rumRequestFlow .rumRequestflowInfo{ position: absolute; bottom: -2px; text-align: RIGHT; font-size: 10px; right: 0; font-family: roboto; left: 0; margin: auto 0; } #rumBTM .cloudBlock { margin-top: 25px; margin-left: -225px; } #rumBTM #networkBlock { padding-top: 0px !important; } #rumBTM .networkinfo { width: 480px; height: 130px; position: relative; } #rumBTM .contentdownloadinfo { position: relative; left: 90px; top:132px; } #rumBTM #nwtDiv, #rumBTM #cntDiv { position: absolute; top: -40px; left: 120px; z-index: 99; } #rumBTM .topologyBlock { position: relative; left: -7%; margin-top:15px; } #rumBTM .chartBlock { right: 1%; } /***********Edit by saravana********/ } @media screen and (max-width: 1024px) and (min-width: 1074px) { #rumBTM body { background: #fff; } #rumBTM body, #rumBTM .userBlock, #rumBTM .arrowBlock, #rumBTM .browerblock, #rumBTM .requestrespondblock, #rumRequestFlow .requestrespondblock, #rumRequestFlow .requestrespondblock1, #rumBTM .cloudBlock, #rumBTM .font24, #rumBTM .topologyBlock, #rumBTM .chartBlock { transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; } #rumBTM .topologyBlock { margin-top:15px; } #rumBTM .arrowBlock { background: url('/final/images/Light/rumarrow.png') left 89px no-repeat; height: 175px; width: 10%; margin-left: 25px; } #rumBTM .userBlock { width: 176px; text-align: center; position: relative; left: 28px; /*margin-top: 25px;*/ margin-top: 50px; } } @media screen and (max-width: 1366px) { #rumBTM body { background: #fff; } #rumBTM .font24 { font-size: 32px; } #rumBTM body, #rumBTM .userBlock, #rumBTM .arrowBlock, #rumBTM .browerblock, #rumBTM .requestrespondblock, #rumBTM .cloudBlock, #rumBTM .font24, #rumBTM .topologyBlock, #rumBTM .chartBlock { transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; } #rumBTM .topologyBlock { margin-top:15px; } /**********Edit by saravana********/ #rumBTM .arrowBlock { background: url('/final/images/Light/rumarrow.png') left 115px no-repeat; height: 175px; width: 7%; margin-left: 0px; } #rumBTM .requestrespondblock { background: url('/final/images/Light/rumtopology_sprite_arrow_small.png') no-repeat; height: 312px; width: 410px; position: relative; left: -105px; top: -38px; } #rumRequestFlow .requestrespondblock{ background: url('/final/images/Light/rumtopology_request_sprite_arrow_ajax_new.png') center center no-repeat; height: 261px; width: 478px; position: relative; left:-135px; top:-20px; } #rumRequestFlow .requestrespondblock1{ background: url('/final/images/Light/rumtopology_request_sprite_arrow_new.png') no-repeat; height: 345px; width: 478px; position: relative; left: -102px; top: -50px; margin-top: 14px; } #rumRequestFlow .rumRequestflowInfo{ position: absolute; bottom: -2px; text-align: RIGHT; font-size: 10px; right: 0; font-family: roboto; left: 0; margin: auto 0; } #rumBTM .cloudBlock { /*margin-top: 25px; margin-left: -225px;*/ margin-top: 35px; margin-left: -260px;/*F*/ } #rumBTM #networkBlock { padding-top: 0px !important; } #rumBTM .networkinfo { width: 390px; height: 130px; position: relative; } #rumBTM .contentdownloadinfo { position: relative; left: 90px; top:132px; } #rumBTM #nwtDiv, #rumBTM #cntDiv { position: absolute; top: -40px; left: 120px; z-index: 99; } #rumBTM .topologyBlock { position: relative; left: -6%; margin-top:15px; } #rumBTM .chartBlock { right: 0%; } /***********Edit by saravana********/ #rumBTM .userBlock { width: 176px; text-align: center; position: relative; left: 45px; margin-top: 50px; } #rumBTM .rum_error{ width:745px; margin-top: 64px; top: 0px !important; } #rumBTM .rumError_cont{ width:734px; } #rumBTM .rum_errorview{ margin-left: 184px; } } @media screen and (max-width: 990px) { /*#rumBTM .rumTopologyTitle { font-size: 12px; margin-top: 40px; line-height: 19px; color: #000; text-align: center; }*/ #rumBTM .contentdownloadinfo { position: relative; left: 0px; } } @media all and (max-width: 1000px) and (min-width: 1024px) { #rumBTM .requestrespondblock { background-image: url('/final/images/Light/rumtopology_sprite.png'); background-position: -511px -6px; height: 197px; width: 325px; } } #rumBTM #networkBlock { padding-top: 20px; } #rumBTM .x-tip.yellowTip{ width:auto !important; } #rumBTM .resource_details span:hover{ text-decoration:underline } #rumBTM .resource_details span { padding-right:15px; background: url('/final/images/Light/down_arrow.png') right center no-repeat; } #rumBTM #link{ /*text-decoration:underline;*/ padding: 0px 0px 3px 0px; border-bottom: #fff 1px solid; cursor:pointer; } #rumBTM #link:hover{ /*text-decoration:underline;*/ } .browerblock-margin{ margin-top:50px !important; } #rumRequestFlow .browerblock.browerblock-margin{ margin-top:60px !important; } .contentdownloadinfo.ajax{ top: 95px !important; } /*F*/ #rumRequestFlow .requestrespondblock.ajax{ top:-24px; } /************** End RUM topology @ RUM Transaction **************/ /* hidden for new header - jaiwin .panelTitle{text-transform:uppercase !important} */ /***** MailExchangeReport page styles start here*** --- ExchangeReport---Outbound domains ****/ .smallIconBox{ border-style: solid; border-width: 1px 1px 1px 1px; border-color:#ffffff #dadada #ffffff #ffffff; } .smallIconBox:first-child{ border-style: solid; border-width: 1px 1px 1px 1px; border-color:#ffffff #dadada #ffffff #ffffff; } .smallIconBox:last-child{ border-style: solid; border-width: 1px 1px 1px 1px; border-color:#ffffff #ffffff #ffffff #ffffff; } /***** MailExchangeReport page styles end here*** --- ExchangeReport---Outbound domains ****/ /* horizontal scroll issue - vijay / 20-7-2015 */ #threshold1-body .x-grid-view{ overflow-x: hidden !important} /*** IconLibrary window Design start here ****/ .iconLibraryWindow{} .x-window.iconLibraryWindow.x-window-default { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -ms-border-top-left-radius: 0px; -o-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -ms-border-top-right-radius: 0px; -o-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -ms-border-bottom-right-radius: 0px; -o-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -ms-border-bottom-left-radius: 0px; -o-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border-width: 1px; border-style: solid; border-color: #6c6c6c; background-color: #6c6c6c; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.0); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.0); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.0); padding: 0px 10px 10px 10px !important; } .iconLibraryWindow .x-window-header-default{ zoom: 1; padding: 4px 10px 0px 10px !important; margin: 0px 4px 0px 4px; background-color: #6c6c6c; height:15px !important; } .x-window.iconLibraryWindow .x-window-body-default { border-width: 1px 1px 1px 1px !important; border-color: #e3e3e3 #e3e3e3 #c0c0c0 #e3e3e3; border-style:solid; background: #f6f6f6 !important; color: #c6c6c6; } .iconLibraryWindow .x-window-header-default-top { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -ms-border-top-left-radius: 0px; -o-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -ms-border-top-right-radius: 0px; -o-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -ms-border-bottom-right-radius: 0; -o-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -ms-border-bottom-left-radius: 0; -o-border-bottom-left-radius: 0; border-bottom-left-radius: 0; border-width: 1px 0px 0px 0px !important; border-color: transparent #646464 #4f4f4f #646464 !important; border-style:solid; } .x-window.iconLibraryWindow.x-window-default > .x-toolbar.x-docked.x-toolbar-default.x-toolbar-docked-bottom{ background: #ffffff !important; } /*** IconLibrary window Design end here ****/ /* icon Library Tree panel design start here */ .iconLibraryTreeDesign .x-panel-body{ background:#ffffff !important; border-style:solid !important ; margin:0px; /* padding:5px 10px 5px 10px; */ padding:0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border-color: #e1e1e1; border-style:solid; border-width: 0px 1px 0px 0px !important; } .iconLibraryTreeDesign.x-panel-default-framed{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border:1px solid #252525 !important; padding:0px !important; background-color:#e1e1e1; } .iconLibraryTreeDesign .x-docked-noborder-left { border-left-width: 0!important; } .iconLibraryTreeDesign .x-docked-noborder-bottom { border-bottom-width: 0!important; } .iconLibraryTreeDesign .x-docked-noborder-right { border-right-width: 0!important; } .iconLibraryTreeDesign .x-docked-noborder-top { border-right-width: 0!important; } .iconLibraryTreeDesign .x-panel-header-default-framed-top { border-bottom-width: 2px!important; top: 0px !important; } .iconLibraryTreeDesign .x-panel-header, .x-nlg .iconLibraryTreeDesign .x-panel-header-default-framed-top{ background: #101010; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; padding:3px 6px 3px 6px !important; box-shadow:none; border-width:0px 0px 0px 0px; border-color:#333333; } .iconLibraryTreeDesign .x-grid-header-hidden .x-grid-body { border-top-color: transparent !important; } .iconLibraryTreeDesign .x-panel-header-text-container{ padding:0px 5px 0px 0px; } .iconLibraryTreeDesign .x-panel-header-text{ font-size:12px; font-weight:500; color:#c6c6c6; text-transform:uppercase; line-height:19px; } .iconLibraryTreeDesign .x-grid-cell, .iconLibraryTreeDesign .x-grid-cell-inner { font-size:11px; } .iconLibraryTreeDesign .x-grid-row .x-grid-cell-inner{ padding:3px 4px 1px 4px !important; margin:0px 0px 0px 0px !important; line-height:1.8em !important; } .iconLibraryTreeDesign .x-grid-row .x-grid-cell .x-tree-icon{ margin:1px 2px 0px 0px;} .iconLibraryTreeDesign.x-tree-arrows .x-tree-elbow-plus, .iconLibraryTreeDesign.x-tree-arrows .x-tree-elbow-end-plus, .iconLibraryTreeDesign.x-tree-arrows .x-tree-elbow-empty{ margin:0px 0px 0px 0px !important; } .iconLibraryTreeDesign .x-tree-panel .x-grid-cell-inner .x-tree-elbow-end-plus{ margin:0px 0px 0px 0px !important; } .iconLibraryTreeDesign tr:nth-child(even).x-grid-row .x-grid-cell { background: #ffffff !important; border-top-color: #ffffff !important; border-right-color: #e1e1e1 !important; border-bottom-color: #ffffff !important; border-left-color: #ffffff !important; border-style:solid; border-width: 1px 0px 1px 0px !important; } .iconLibraryTreeDesign tr:nth-child(odd).x-grid-row .x-grid-cell { background: #ffffff !important; border-top-color: #ffffff !important; border-right-color: #e1e1e1 !important; border-bottom-color: #ffffff !important; border-left-color: #ffffff !important; border-style:solid; border-width: 1px 0px 1px 0px !important; } .iconLibraryTreeDesign .x-grid-row-over .x-grid-cell, .iconLibraryTreeDesign .x-grid-row-over .x-grid-cell-inner, .iconLibraryTreeDesign .x-grid-row-over .x-grid-rowwrap-div{ background-color: #f6f6f6 !important; } .iconLibraryTreeDesign .x-grid-row-selected .x-grid-cell, .iconLibraryTreeDesign .x-grid-row-selected .x-grid-cell-inner, .iconLibraryTreeDesign .x-grid-row-selected .x-grid-rowwrap-div { background-color: #f6f6f6 !important; font-weight:500; } .iconLibraryTreeDesign tr.x-grid-row.x-grid-tree-node-leaf.x-grid-row-selected .x-grid-cell , .iconLibraryTreeDesign tr.x-grid-row.x-grid-tree-node-leaf.x-grid-row-focused .x-grid-cell { border-top-color: #e1e1e1 !important; border-right-color: #f6f6f6 !important; border-bottom-color: #e1e1e1 !important; border-left-color: #e1e1e1 !important; border-style:solid; border-width: 1px 1px 1px 0px !important; } .iconLibraryTreeDesign tr.x-grid-row.x-grid-tree-node-leaf.x-grid-row-over .x-grid-cell{ border-top-color: #e1e1e1 !important; border-right-color: #e1e1e1 !important; border-bottom-color: #e1e1e1 !important; border-left-color: #e1e1e1 !important; border-style:solid; border-width: 1px 0px 1px 0px !important; } .iconLibraryTreeDesign .x-grid-row-focused .x-grid-cell, .x-grid-row-focused .x-grid-rowwrap-div { border-color: #ddd; background-color: #6d7e92; } .iconLibraryTreeDesign .x-toolbar{ background: #ffffff !important; border-color:#e1e1e1 !important; border-width:0px 1px 0px 0px !important; border-style:solid !important; } .iconLibraryImageBorder{ border:2px solid transparent; } .iconLibraryImageBorder:hover{ border:2px solid red; } .iconLibraryImageBorder.x-item-selected{ border:2px solid #999999; } #iconLibTree .x-tree-node-icon, #iconLibTree .x-tree-elbow, #iconLibTree .x-tree-elbow-end, #iconLibTree .x-tree-icon-leaf{ display: none; padding:5px; } #iconLibTree .x-grid-row .x-grid-cell-inner{ padding:3px 4px 1px 10px !important } .x-field-iconLibSlider .x-slider-horz{ background-image: none !important; background-color: #3a3a3a !important; height: 7px !important; width: 100%; padding-left:0px; padding-right: 0px; overflow: visible; margin:0px; } .x-field-iconLibSlider .x-slider-horz .x-slider-inner { position: relative; left: 0; top: 0; zoom: 1; padding-right:0px; padding-left:0px; height: 7px !important; } .x-field-iconLibSlider .x-slider-horz .x-slider-thumb{ background:transparent url("../images/Light/iconLibThumb.png") !important; } .x-field-iconLibSlider .x-slider-horz .x-slider-thumb { width: 16px; height: 21px; position: absolute; left: 0px; top: -5px; right:0px; -webkit-border-radius:0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border:none; margin-top:0px; margin-left:-8px; margin-right:0px; padding:0px; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .x-field-iconLibSlider .x-slider-horz .x-slider-end{ padding-right: 0px; zoom: 1; background-color: #3a3a3a !important; background: transparent; background-image: none !important; height: 7px; } .x-field-iconLibSlider .x-slider-horz .x-slider-thumb.x-slider-thumb-over, .x-field-iconLibSlider .x-slider-horz .x-slider-thumb.x-slider-thumb-drag{ width:16px; height:21px; background-color:transparent !important; -webkit-border-radius:0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border:0px solid #e8e8e8; left: 0px; top: -5px; margin-top:0px; margin-left:-8px; margin-right:0px; padding:0px; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /*---Mydashbaord JTM DD Grid---*/ .gridSkin_inner{ border:1px solid #e3e3e3 !important; } .gridSkin_inner .x-column-header { padding: 0; position: absolute; overflow: hidden; border-right: 1px solid #c5c5c5; border-left: 0 none; border-top: 0 none; border-bottom: 0 none; text-shadow: 0 1px 0 rgba(255,255,255,0.3); color: null; background-image: none; background-color: #cdcdcd !important; } .gridSkin_inner .x-grid-body div.x-grid-view{ background: #ffffff !important; } .gridSkin_inner .x-grid-body div.x-grid-view tr.x-grid-row-alt td{ background: #f4f4f4 !important; } .gridSkin div.gridSkin_inner div.x-column-header{ border-top-color: #bbbbbb !important; border-bottom-color: #bbbbbb !important; border-left-color: #bbbbbb !important; border-right-color: #bbbbbb !important; border-style: solid; border-width: 0px 1px 0px 1px!important; color:#000 !important; } .gridSkin_inner .x-grid-view{ border-top-color: #bbbbbb !important; border-right-color: #1a1a1a; border-bottom-color: #bbbbbb !important; border-left-color: #1a1a1a; border-style: solid; border-width: 0px 0px 0px 0px !important; } .gridSkin .gridSkin_inner .x-grid-header-ct .x-box-inner{ border-color: #525252 #121212 #2e2e2e #373737 !important; border-style: solid; border-width: 0px 0px 0px 0px !important; } .gridSkin_inner .x-grid-header-ct{ border-color: #bbbbbb #bbbbbb #bbbbbb #bbbbbb !important; border-width: 0px 0px 1px 0px !important } .gridSkin_inner .x-grid-cell-inner, .gridSkin_inner .x-grid-cell-inner a { color:#000 !important; } div.gridSkin div.gridSkin_inner .x-grid-row.x-grid-row-selected .x-grid-cell, div.gridSkin div.gridSkin_inner .x-grid-row.x-grid-row-selected .x-grid-rowwrap-div, div.gridSkin div.gridSkin_inner tr.x-grid-row:hover, div.gridSkin div.gridSkin_inner tr.grid-inner-over td div{ background: #e2eff8 !important; } div.gridSkin div.gridSkin_inner tr.grid-inner-over span{ font-weight:500; } div.gridSkin div.gridSkin_inner .x-column-header-over, div.gridSkin div.gridSkin_inner .x-column-header-sort-ASC, div.gridSkin div.gridSkin_inner .x-column-header-sort-DESC, div.gridSkin div.gridSkin_inner .x-column-header-over, div.gridSkin div.gridSkin_inner .x-column-header-sort-ASC, div.gridSkin div.gridSkin_inner .x-column-header-sort-DESC{ background-color: #cdcdcd !important; } .highest_value{ background:#fbeded; padding:3px 5px 2px 5px; border:1px solid #f7dadc; } /*---End of Mydashbaord JTM DD Grid---*/ /*----History of alarms tree------------7-8-2016*/ .alarmTree .x-column-header-over, .x-column-header-sort-ASC, .x-column-header-sort-DESC{ background:#cdcdcd; } .alarmTree { border-top:0px solid #adadad; border-left:1px solid #adadad; border-right:1px solid #adadad; border-bottom:1px solid #adadad; } .alarmTree .x-tree-panel .x-panel-body, .alarmTree .x-panel-body{ background:#ffffff !important; border:0px solid #d2d2d2 !important; margin:0px; padding:0px 0px 0px 0px !important; /* padding:0px;*/ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .alarmTree.x-panel-default-framed{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .alarmTree .x-docked-noborder-left { border-left-width: 0!important; } .alarmTree .x-docked-noborder-bottom { border-bottom-width: 0!important; } .alarmTree .x-docked-noborder-right { border-right-width: 0!important; } .alarmTree .x-docked-noborder-top { border-right-width: 0!important; } .alarmTree .x-panel-header, .x-nlg .alarmTree .x-panel-header-default-framed-top{ background: #fff !important; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; padding:3px 6px 3px 6px!important; box-shadow:none; border-width:0px 0px 0px 0px; border-color:#b0b0b0; } .alarmTree .x-grid-header-hidden .x-grid-body { border-top-color: transparent !important; } .alarmTree .x-panel-header-text-container{ padding:0px 5px 0px 0px; } .alarmTree .x-panel-header-text{ font-size:12px; font-weight:500; text-transform:uppercase; line-height:19px; } .alarmTree .x-grid-cell, .alarmTree .x-grid-cell-inner { font-size:11px; } .alarmTree .x-grid-row .x-grid-cell-inner{ padding:3px 4px 1px 4px !important; margin:0px 0px 0px 0px !important; line-height:1.8em !important; } .alarmTree .x-grid-row .x-grid-cell .x-tree-icon{ margin:1px 2px 0px 0px;background:none !important} .alarmTree.x-tree-arrows .x-tree-elbow-plus, .alarmTree.x-tree-arrows .x-tree-elbow-end-plus, .alarmTree.x-tree-arrows .x-tree-elbow-empty{ margin:0px 0px 0px 0px !important; } .alarmTree .x-tree-panel .x-grid-cell-inner .x-tree-elbow-end-plus{ margin:0px 0px 0px 0px !important; } .alarmTree tr:nth-child(even).x-grid-row .x-grid-cell { background: #ffffff; border-color: #d3d3d3; border-style:solid; border-width: 0 0 1px 0px; } .alarmTree tr:nth-child(odd).x-grid-row .x-grid-cell { background: #f4f4f4; border-color: #d3d3d3; border-style:solid; border-width: 0 0 1px 0px; } .alarmTree .x-grid-row-over .x-grid-cell, .alarmTree .x-grid-row-over .x-grid-cell-inner, .alarmTree .x-grid-row-over .x-grid-rowwrap-div{ background-color: #e2eff8 !important; } .alarmTree .x-grid-row-selected .x-grid-cell, .alarmTree .x-grid-row-selected .x-grid-cell-inner, .alarmTree .x-grid-row-selected .x-grid-rowwrap-div { background-color: #c1ddf1 !important; font-weight:500; } .alarmTree .x-grid-row-focused .x-grid-cell, .alarmTree .x-grid-row-focused .x-grid-rowwrap-div { border-color: #ddd; background-color: #ff0000; } .alarmTree div.x-column-header, .alarmTree .x-grid-header-ct .x-box-layout-ct{ background:#cdcdcd; } .alarmTree .x-column-header{ border-top:0px solid #adadad !important; border-bottom:1px solid #adadad !important; border-right:1px solid #adadad !important; border-left:0px solid #adadad !important; } .alarmTree .x-grid-header-ct{ background:#cdcdcd; border-top:1px solid #adadad } .alarmTree div.x-column-header:first-child{ border-left:0px solid #adadad } .alarmTree div.x-column-header:last-child{ border-right:0px solid #adadad; border-bottom:1px solid #adadad } .alarmTree.x-tree-arrows .x-tree-elbow, .alarmTree img.x-tree-elbow-end{ display:none !important } .treeExpand img.x-tree-expander{ background-image: url('../images/Light/treeArrows.png') !important; background-position:-16px 0px !important; background-repeat: no-repeat; } .treeClose img.x-tree-expander{ background-image: url('../images/Light/treeArrows.png') !important; background-position:0px 0px !important; background-repeat: no-repeat; } /*----End of History of alarms tree------------7-8-2016*/ .helpPagebg{ background-color:#ffffff; } /*---vijay--9/8/2016---inner tooltip------start---------*/ .innerTooltip .x-tip-body, .innerTooltip .x-form-invalid-tip-body{ padding:0px !important; position:relative } /*.innerTooltip:hover:after { background: #111; background: rgba(0,0,0,.8); border-radius: .5em; bottom: 1.35em; color: #fff; display: block; left: 1em; padding: .3em 1em; position: absolute; text-shadow: 0 1px 0 #000; white-space: nowrap; z-index: 98; } .innerTooltip:hover:before { border: solid; border-color: #111 transparent; border-color: rgba(0,0,0,.8) transparent; border-width: .4em .4em 0 .4em; bottom: 1em; content: ""; display: block; left: 2em; position: absolute; z-index: 99; } */ .innerTooltip.x-tip{ background:#535353; border:0px solid #e3e3e3 !important; -webkit-box-shadow: 0px 0px 25px 0px rgba(100,100,100,0.90); -moz-box-shadow: 0px 0px 25px 0px rgba(100,100,100,0.90); box-shadow: 0px 0px 25px 0px rgba(100,100,100,0.90); border-radius:0px 0px; -webkit-border-radius : 0px 0px; -moz-border-radius : 0px 0px; -ms-border-radius : 0px 0px; } .innerTooltip .x-tip-header{ padding-left:11px !important; border-top-color:#828282 !important; border-right-color:#a8a8a8 !important; border-bottom-color:#525252 !important; border-left-color:#727272 !important; border-style:solid; } .innerTooltip .x-tip-body, .innerTooltip .x-form-invalid-tip-body{ background:#fff !important; padding-top:0px } .innerTooltip .x-tip-header,.innerTooltip .x-form-invalid-tip-body{ font-size:12px; width:100%!important; padding:6px 0px 0 0px; } .innerTooltip .x-tip-header-text { user-select:none; -o-user-select:none; -ms-user-select:none; -moz-user-select:-moz-none; -webkit-user-select:none; cursor:default; font-size:12px; font-weight:500; padding-left:0px !important; } .innerTooltipArrow{ background: url("../images/Light/innerTooltipArrow.png") no-repeat left bottom; width: 24px; height: 14px; } .innerTooltip .x-tip-anchor{ position: absolute; overflow: hidden; border-style: solid; border-width: 0px; border-color:none; background: url("../images/Light/innerTooltipArrow.png") no-repeat left bottom; width: 24px; height: 14px; position: absolute; zoom: 1; } .innerTooltip img.x-tool-close, .innerTooltip img.x-tool-over .x-tool-close{ left:0px !important; /*31-5-2016*/ position:absolute } /*---vijay--9/8/2016---inner tooltip------end---------*/ /*Admin gridskin*/ .adminGridskin .x-column-header-inner .x-column-header-text, .adminGridskin.x-grid-with-row-lines .x-grid-cell-inner{ white-space:normal !important; } .adminGridskin .x-grid-row .x-grid-cell-row-checker{ vertical-align: initial !important; } /*Admin gridskin ends*/ /* Vijay - Metrics Grid view */ .gridUnitText{ font-size:11px;/*V*/ text-transform: capitalize; } /*-- end --*/ .reportBinderWindow{} .reportBinderWindow.x-window-default { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -ms-border-top-left-radius: 0px; -o-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -ms-border-top-right-radius: 0px; -o-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -ms-border-bottom-right-radius: 0px; -o-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -ms-border-bottom-left-radius: 0px; -o-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border-width: 1px; border-style: solid; border-color: #6c6c6c; background-color: #6c6c6c; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.0); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.0); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.0); padding:0px 10px 10px 10px !important; } .reportBinderWindow .x-window-header-default{ zoom: 1; padding: 4px 10px 0px 10px !important; margin: 0px 4px 0px 4px; height:15px !important; background-color: #6c6c6c; } .reportBinderWindow .x-window-body-default { border:0px solid #6c6c6c; background: #ffffff !important; } .reportBinderWindow .x-window-header-default-top { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -ms-border-top-left-radius: 0px; -o-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -ms-border-top-right-radius: 0px; -o-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -ms-border-bottom-right-radius: 0; -o-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -ms-border-bottom-left-radius: 0; -o-border-bottom-left-radius: 0; border-bottom-left-radius: 0; border-width: 0px 0px 0px 0px !important; border-color: #646464 #646464 #4f4f4f #646464 !important; border-style:solid; } /* Report Binder Styles End here */ /* sanjay 26 august --- Legend_Dashboard border layout start*/ .Chart_Panel > .x-splitter{ background: transparent !important; } .Chart_Panel > .x-splitter > .x-layout-split-right{ top: 4% !important; } .Chart_Panel .x-splitter-vertical { background: #178abb url('../images/Light/widget_spliter.png')no-repeat left center !important; } .Chart_Panel .x-splitter-collapsed { background: none !important; visibility:hidden; } .Chart_Panel .x-splitter-vertical .x-collapse-el{ background: none !important; height:0px; } /* sanjay 26 august --- Legend_Dashboard border layout end*/ /*My Dashboard Map Widget styles start here -- jaiwin */ .geoState_chkbt .x-form-item-body{ padding-left:0px; } .geoState_chkbt .x-form-checkbox{width:16px;height:16px;} .geoState_chkbt.x-form-cb-checked .x-form-item-body .x-form-checkbox { background-image: url ("../images/Light/geoMapStateIcons.png"); background-position:-120px -20px !important; } .geoState_chkbt .x-form-item-body .x-form-checkbox { background-image: url("../images/Light/geoMapStateIcons.png"); background-position:-120px 0px !important; } .geoState_chkbt .x-form-cb-label-after, .geoState_chkbt_GRAY .x-form-cb-label-after, .geoState_chkbt_INTERMEDIATE .x-form-cb-label-after, .geoState_chkbt_GOOD .x-form-cb-label-after, .geoState_chkbt_HIGH .x-form-cb-label-after, .geoState_chkbt_LOW .x-form-cb-label-after, .geoState_chkbt_UNKNOWN .x-form-cb-label-after{ margin-left: 2px; height:16px !important; vertical-align:bottom; } .geoState_chkbt .x-form-item-body.x-form-cb-wrap .x-form-field.x-form-checkbox, .geoState_chkbt_GRAY .x-form-item-body.x-form-cb-wrap .x-form-field.x-form-checkbox, .geoState_chkbt_INTERMEDIATE .x-form-item-body.x-form-cb-wrap .x-form-field.x-form-checkbox, .geoState_chkbt_GOOD .x-form-item-body.x-form-cb-wrap .x-form-field.x-form-checkbox, .geoState_chkbt_HIGH .x-form-item-body.x-form-cb-wrap .x-form-field.x-form-checkbox, .geoState_chkbt_LOW .x-form-item-body.x-form-cb-wrap .x-form-field.x-form-checkbox, .geoState_chkbt_UNKNOWN .x-form-item-body.x-form-cb-wrap{ } /* In IE browser text middle align issue fix ---start here---*/ .x-ie .geoState_chkbt .x-form-item-body.x-form-cb-wrap .x-form-field.x-form-checkbox, .x-ie .geoState_chkbt_GRAY .x-form-item-body.x-form-cb-wrap .x-form-field.x-form-checkbox, .x-ie .geoState_chkbt_INTERMEDIATE .x-form-item-body.x-form-cb-wrap .x-form-field.x-form-checkbox, .x-ie .geoState_chkbt_GOOD .x-form-item-body.x-form-cb-wrap .x-form-field.x-form-checkbox, .x-ie .geoState_chkbt_HIGH .x-form-item-body.x-form-cb-wrap .x-form-field.x-form-checkbox, .x-ie .geoState_chkbt_LOW .x-form-item-body.x-form-cb-wrap .x-form-field.x-form-checkbox, .x-ie .geoState_chkbt_UNKNOWN .x-form-item-body.x-form-cb-wrap{ vertical-align:middle; height:19px; } .geoState_chkbt_GRAY .x-form-item-body{ padding-left:0px; } .geoState_chkbt_GRAY .x-form-checkbox{width:16px;height:16px;} .geoState_chkbt_GRAY.x-form-cb-checked .x-form-item-body .x-form-checkbox { background-image: url ("../images/Light/geoMapStateIcons.png"); background-position:-100px 0px !important; } .geoState_chkbt_GRAY .x-form-item-body .x-form-checkbox { background-image: url("../images/Light/geoMapStateIcons.png"); background-position:-100px 0px !important; } .geoState_chkbt_INTERMEDIATE .x-form-item-body{ padding-left:0px; } .geoState_chkbt_INTERMEDIATE .x-form-checkbox{width:16px;height:16px;} .geoState_chkbt_INTERMEDIATE.x-form-cb-checked .x-form-item-body .x-form-checkbox { background-image: url ("../images/Light/geoMapStateIcons.png"); background-position:-60px -20px !important; } .geoState_chkbt_INTERMEDIATE .x-form-item-body .x-form-checkbox { background-image: url("../images/Light/geoMapStateIcons.png"); background-position:-60px 0px !important; } .geoState_chkbt_GOOD .x-form-item-body{ padding-left:0px; } .geoState_chkbt_GOOD .x-form-checkbox{width:16px;height:16px;} .geoState_chkbt_GOOD.x-form-cb-checked .x-form-item-body .x-form-checkbox { background-image: url ("../images/Light/geoMapStateIcons.png"); background-position:0 -20px !important; } .geoState_chkbt_GOOD .x-form-item-body .x-form-checkbox { background-image: url("../images/Light/geoMapStateIcons.png"); background-position:0 0px !important; } .geoState_chkbt_HIGH .x-form-item-body{ padding-left:0px; } .geoState_chkbt_HIGH .x-form-checkbox{width:16px;height:16px;} .geoState_chkbt_HIGH.x-form-cb-checked .x-form-item-body .x-form-checkbox { background-image: url ("../images/Light/geoMapStateIcons.png"); background-position:-80px -20px !important; } .geoState_chkbt_HIGH .x-form-item-body .x-form-checkbox { background-image: url("../images/Light/geoMapStateIcons.png"); background-position:-80px 0px !important; } .geoState_chkbt_LOW .x-form-item-body{ padding-left:0px; } .geoState_chkbt_LOW .x-form-checkbox{width:16px;height:16px;} .geoState_chkbt_LOW.x-form-cb-checked .x-form-item-body .x-form-checkbox { background-image: url ("../images/Light/geoMapStateIcons.png"); background-position:-40px -20px !important; } .geoState_chkbt_LOW .x-form-item-body .x-form-checkbox { background-image: url("../images/Light/geoMapStateIcons.png"); background-position:-40px 0px !important; } .geoState_chkbt_UNKNOWN .x-form-item-body{ padding-left:0px; } .geoState_chkbt_UNKNOWN .x-form-checkbox{width:16px;height:16px;} .geoState_chkbt_UNKNOWN.x-form-cb-checked .x-form-item-body .x-form-checkbox { background-image: url ("../images/Light/geoMapStateIcons.png"); background-position:-20px -20px !important; } .geoState_chkbt_UNKNOWN .x-form-item-body .x-form-checkbox { background-image: url("../images/Light/geoMapStateIcons.png"); background-position:-20px 0px !important; } .geoMapPointer, .geoMapCountry{ background-image: url("../images/Light/geoMapStateIcons.png"); } .geoMapPointer{ width:16px; height:20px; background-position:-140px 0px !important; } .geoMapCountry{ width:20px; height:20px; background-position:-160px 0px !important; } .mapWidgetFooter .x-box-inner { overflow:visible; background:#f7f7f7; } .mapWidgetFooterTopBorder{ background:#d4d4d4; overflow:visible !important; } .mapWidgetArrowToggleButtonBackgroundBorder{ width:34px !important; height:17px !important; border-radius:34px 34px 0px 0px; -moz-border-radius:34px 34px 0px 0px; -webkit-border-radius:34px 34px 0px 0px; border:1px solid #d4d4d4; position:absolute; top:0px; border-bottom:0px; background:#f7f7f7; } .mapWidgetArrowToggle{ cursor:pointer; background: url("../images/Light/mapWidgetArrowToggle.png") 50% 30% no-repeat; position:absolute; width:32px !important; height:32px !important; border-radius:16px 16px 16px 16px; -moz-border-radius: 16px 16px 16px 16px; -webkit-border-radius:16px 16px 16px 16px; /* -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -ms-transition: -ms-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; */ -webkit-transform: rotate(-360deg) ; -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg) ; } .mapWidgetArrowToggle.x-btn-mapWidgetArrowToggleDown{ cursor:pointer; background: url("../images/Light/mapWidgetArrowToggle.png")50% 70% no-repeat; width:32px !important; height:32px !important; border-radius:16px 16px 16px 16px; -moz-border-radius: 16px 16px 16px 16px; -webkit-border-radius:16px 16px 16px 16px; position:absolute; /* -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -ms-transition: -ms-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; */ -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } /*My Dashboard Map Widget styles end here -- jaiwin */ #quicklinkprofile-body fieldset .x-fieldset.x-fieldset-userProfileFieldset{ -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; } /*Ends*/ /*---- DD Grid ---*/ .ddGridView.gridSkin .x-column-header-inner { zoom: 1; position: relative; line-height: 14px;/*F*/ } .ddGridView.gridSkin .x-column-header-inner { top: 0%;/*F*/ bottom: 0%;/*F*/ } /*---- end of DD Grid ---*/ /*---------Citrix Logon Simulator --------vijay 15-9-2016--------start*/ .stateBox_HIGH,.stateBox_INTERMEDIATE,.stateBox_LOW,.stateBox_GOOD,.stateBox_UNKNOWN, .stateBox_GRAY{ display:block; width:60px; height:14px; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; -khtml-border-radius: 0.2em; border-radius: 0.2em; float:right; color:#fff; font-size:11px; text-align:center; /* line-height:16px // box inside text value not aligned in the zooming view - so that hide this line height */ } .stateBox_HIGH{background:#cd0f0f} .stateBox_INTERMEDIATE{background:#fa9d1c} .stateBox_LOW{background:#ccc100} .stateBox_GOOD{background:#0c9a12} .stateBox_UNKNOWN{background:#30a1d9} .stateBox_GRAY{background:#8b8b8b} /*----------ux dashboard grid----changed 30/8/2017------------*/ .iconGrid{ /*border:1px solid #cdcdcd; jaiwin- removeShadow7 -webkit-box-shadow: 0px 0px 4px 0px rgba(100,100,100,0.5); -moz-box-shadow: 0px 0px 4px 0px rgba(100,100,100,0.5); box-shadow: 0px 0px 4px 0px rgba(100,100,100,0.5);*/ border:0px solid #cdcdcd !important; background: #ffffff; box-shadow: 0.5px 0.866px 0px 0px rgb( 170, 170, 170); /*-webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35);*/ } .iconGrid .x-column-header-inner .x-column-header-text { font-weight:400; } .iconGrid div.x-panel-header { font-size: 14px; line-height: 20px; font-weight:500; padding: 0px 5px 10px 0px; } .iconGrid div.x-panel-header span.x-panel-header-text{ font-size:11px; /* text-shadow: 1px 0 0 #ffffff; */ } /*V*//*-------added for Logon simulator grid---------------*/ .iconGrid.whiteHeader .x-docked-top { background:transparent !important; border-top:1px solid #cdcdcd !important; border-right:1px solid #cdcdcd !important; border-left:1px solid #cdcdcd !important; border-bottom:0px solid #cdcdcd !important; } .iconGrid.whiteHeader .x-toolbar-default{ background:transparent !important; border-top:0px solid #cdcdcd ; border-right:0px solid #cdcdcd; border-left:0px solid #cdcdcd; border-bottom:0px solid #cdcdcd; } .iconGrid.gridShadow{ /* jaiwin- removeShadow8 -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35);*/ } .iconGrid div.x-column-header{ padding: 0; position: absolute; overflow: hidden; border-right: 1px solid #cdcdcd; border-left: 0 none; border-top: 0 none; border-bottom: 0 none; font-size: 11px; line-height:15px; background-image: none; background-color: #e6e6e6; text-shadow: none; text-transform: uppercase; } .iconGrid .x-column-header-inner{padding-top:0px !important} .iconGrid .x-column-header-inner span.headerIconLabel{ width:100%; text-align:center; display:inline-block; position:relative; top:0px; font-size:11px !important; } .iconGrid .x-column-header-inner ul.headerIconLabel{ padding-top:7px; text-transform:uppercase !important; list-style-type:none; position:relative; font-size:11px !important } .iconGrid .x-column-header-inner ul.headerIconLabel li:nth-child(1){ border:0px solid red !important; display:inline-block; text-align:center; padding-top:0px; vertical-align:top } .iconGrid .x-column-header-inner ul.headerIconLabel li:nth-child(1) img{ border:0px solid violet !important; margin-right:6px; vertical-align:bottom; margin-left:10px; margin-top:3px } .iconGrid .x-column-header-inner ul.headerIconLabel li:nth-child(2){ border:0px solid green !important; vertical-align:bottom; display:inline-block; width:85%; text-transform:uppercase !important; text-align:left; padding-top:0px; white-space:normal } .iconGrid .x-column-header-inner span.headerIconLabel2{ width:100%; text-align:center; display:inline-block; position:relative; top:0px; font-size:11px !important; } .iconGrid .x-column-header-inner ul.headerUnit{ top:4px; font-size:10px !important; text-transform:capitalize !important; list-style-type:none; position:relative; } .iconGrid ul.headerUnit li{ display:inline-block; width:50%; text-align:center; border-right:1px solid #cdcdcd; background:#c3c3c3; padding-top:1px } .iconGrid ul.headerUnit li:nth-child(2){ border-right:0px solid #cdcdcd; } .iconGrid .x-grid-header-ct { border-color:#cdcdcd #cdcdcd #cdcdcd #cdcdcd !important; border-style:solid; border-width:1px 0px 1px 0px!important; } .iconGrid div.x-column-header-first{ border-width:1px 1px 0px 0px !important; } .iconGrid div.x-column-header-last{ border-width:1px 0px 0px 0px !important; padding-top:1px; /*width:52px !important; padding-left:10px*/ } .iconGrid .x-grid-view{ border-top-color:#adadad !important; border-right-color:#cdcdcd; border-bottom-color:#cdcdcd; border-left-color:#cdcdcd; border-style:solid; border-width:1px 1px 1px 1px !important; } .iconGrid .x-grid-cell, .iconGrid .x-grid-rowwrap-div{ background-color: #ffffff !important; border-right-color:#dfdfdf; border-bottom-color:#d3d3d3; border-style: solid; border-width:0px 0px 1px 0px; } /*.x-column-header-inner .x-column-header-text*/ .iconGrid .x-column-header-inner{ border-top:0px solid #adadad !important; padding:0px 0px 0px 0px !important; text-align:left; white-space:normal } .iconGrid .x-grid-row.x-grid-row-selected .x-grid-cell, .iconGrid .x-grid-row.x-grid-row-selected .x-grid-rowwrap-div { background-color: #e2eff8 !important; border-right-color:#dfdfdf; border-bottom-color:#cdcdcd; border-style: solid; /*border-width:1px 1px 1px 0px;*/ } .iconGrid .x-grid-row.x-grid-row-over .x-grid-cell, .iconGrid .x-grid-row.x-grid-row-alt.x-grid-row-over .x-grid-cell, .iconGrid .x-grid-row.x-grid-row-alt.x-grid-row-over .x-grid-rowwrap-div { background-color: #e2eff8 !important; } .iconGrid .x-box-inner .x-group-sub-header, .iconGrid .x-box-inner .x-group-sub-header:last-child { border-top: 1px solid #b7b7b7 !important; border-right: 1px solid #dedede !important; border-bottom: none; border-left:none; } .iconGrid .x-box-inner .x-group-sub-header { background:#f3f3f3 !important; text-align: center; padding-top: 0px; font-size: 10px; } .iconGrid .x-grid-row.x-grid-row-alt .x-grid-cell, .iconGrid .x-grid-row.x-grid-row-alt .x-grid-cell-special, .iconGrid .x-grid-row.x-grid-row-alt .x-grid-rowwrap-div { /*background-color:#f9f9f9 !important;*/ } .iconGrid .x-grid-row .x-grid-cell-special{ background-image:none; background-color:transparent; } .iconGrid .x-box-inner .x-group-sub-header .x-column-header-over, .iconGrid .x-box-inner .x-group-sub-header .x-column-header-sort-ASC, .iconGrid .x-box-inner .x-group-sub-header .x-column-header-sort-DESC { background:#e6e6e6 !important; text-align: center; padding-top: 0px; font-size: 10px; } .iconGrid .x-grid-row .x-grid-cell{ font-size:11px; } .iconGrid .x-grid-row-alt .x-grid-cell, .iconGrid .x-grid-row-alt .x-grid-rowwrap-div, .iconGrid .x-grid-row-alt .x-grid-cell-special { background-color: #f9f9f9 !important; } .iconGrid .x-grid-cell-inner { line-height:20px !important; padding:6px 10px 3px 10px } .iconGrid.x-grid-with-row-lines .x-grid-cell-inner{padding:2px 10px 1px 10px !important;} .iconGrid .x-grid-row-selected .x-grid-cell-special{ background-image: none !important; } .iconGrid .x-grid-row:hover, .iconGrid .x-grid-row-over .x-grid-cell, .iconGrid .x-grid-row-over .x-grid-rowwrap-div { background:#e6e6e6 ; font-weight:normal !important } .iconGrid .x-column-header-over, .iconGrid .x-column-header-sort-ASC, .iconGrid .x-column-header-sort-DESC { background:#e6e6e6 !important; } .iconGrid .x-grid-cell-last img { top:-4px !important; position:relative } .iconGrid .x-grid-cell-last .x-grid-cell-inner{text-align:center !important} .iconGrid .x-grid-cell-inner, .iconGrid .x-grid-cell-inner a { font-size:11px; line-height:17px; /*padding-top:4px;*/ } .iconGrid .x-grid-row:hover .x-grid-cell .x-grid-cell-inner { font-weight:400; } .iconGrid .x-grid-row-checker { margin-left: -6px } .iconGrid .x-grid-row-checker, .iconGrid .x-column-header-checkbox .x-column-header-text{ background-image: url("../images/Light/checkbox_new.png"); background-position:0px 0px; height:16px; width:16px; padding:0px !important; } .iconGrid .x-grid-cell-inner .x-grid-row-checker { background-image: url("../images/Light/checkbox_new.png"); background-position:0px 0px; height:16px; width:16px; padding:0px !important; } .iconGrid .x-grid-hd-checker-on .x-column-header-text, .iconGrid .x-grid-row-selected .x-grid-row-checker, .iconGrid .x-grid-row-checked .x-grid-row-checker { background-position:0px -20px !important; } .iconGrid .x-column-header-trigger { background-color:#BBBBBB; display:none; background-image:url('../images/Light/grid3-hd-btn_new.gif'); } .iconGrid .x-grid-group-hd .x-grid-cell-inner{ background:#acacac;padding:2px 0px 2px 10px;border-width:0px;} .iconGrid .x-grid-group-title{font-size:11px} .iconGrid .x-action-col-cell div{ text-align:center !important;} /*.iconGrid .x-column-header-sort-DESC .x-column-header-text{ background:url('../images/Light/grid_sort_down.png') right 0px no-repeat; line-height:15px; } .iconGrid .x-column-header-sort-ASC .x-column-header-text{ background:url('../images/Light/grid_sort_top.png') right 0px no-repeat; line-height:15px; }*/ .iconGrid .x-grid-header-ct{ border-width:1px 1px 0px 1px !important; background:#cdcdcd;} .iconGrid div.x-panel-header.x-accordion-hd{ border-width:0px 0px 0px 0px !important; background: #e6e6e6 !important; } .iconGrid div.x-panel-header.x-accordion-hd .x-panel-header-text{ font-size: 12px !important; font-weight:500; } .iconGrid .x-grid-body.x-panel-body { background: white; border-color: #cdcdcd; border-style: solid; border-width: 0px; border-top-color: #cdcdcd; } /*----------ux dashboard grid----changed 30/8/2017------------*/ /*---------Citrix Logon Simulator --------vijay 15-9-2016--------end*/ /* Report Schedule binder styles start here */ .x-grid-editor .cellEditCombo .x-form-text { padding: 3px 4px; } .scheduleCircle { background-color: #da733b; border: 0px solid white; border-radius: 8px; /* one half of ( (border * 2) + height + padding ) */ color: #ffffff; font-weight:500; height: 16px; width: 16px; font-size:8px; padding: 2px 1px 1px 1px; text-align: center; float:left; position:relative; top:-4px; } .x-toolbar.dockedBottomToolbarTopBorder.x-docked.x-toolbar-footer.x-docked-bottom.x-toolbar-docked-bottom.x-toolbar-footer-docked-bottom{ border-top:#d7d7d7 1px solid !important; /*J - bottom toolbar top border color change*/ } /* Report Schedule binder styles end here */ /*--- Alert Box Text Alignment ---*/ .msgtextalign .x-window-text { margin:auto; } /*--- end of Alert Box Text Alignment ---*/ /*-----eg logon popup window---------------------*/ .UxLogonInnerWindow.x-window-default { /*-moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -ms-border-top-left-radius: 0px; -o-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -ms-border-top-right-radius: 0px; -o-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -ms-border-bottom-right-radius: 0px; -o-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -ms-border-bottom-left-radius: 0px; -o-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);*/ border-width: 1px; border-style: solid; border-color: #dedede; background-color: #535353 !important; } .UxLogonInnerWindow .x-window-header-default-top { -webkit-box-shadow: #ecf2fb 0 0px 0 0 inset,#ecf2fb 0px 0 0 0 inset,#ecf2fb 0px 0 0 0 inset; -moz-box-shadow: #ecf2fb 0 0px 0 0 inset,#ecf2fb 0px 0 0 0 inset,#ecf2fb 0px 0 0 0 inset; box-shadow: #ecf2fb 0 0px 0 0 inset,#ecf2fb 0px 0 0 0 inset,#ecf2fb 0px 0 0 0 inset; } .UxLogonInnerWindow .x-window-header-default-top { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -ms-border-top-left-radius: 0px; -o-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -ms-border-top-right-radius: 0px; -o-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -ms-border-bottom-right-radius: 0; -o-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -ms-border-bottom-left-radius: 0; -o-border-bottom-left-radius: 0; border-bottom-left-radius: 0; border-style: solid; border-color:#535353; background-color: #535353; } .UxLogonInnerWindow .x-window-header-default{ zoom: 1; padding:5px 10px 0px 10px !important; margin:0px 4px 0px 4px; height:15px !important; background-color: #535353; } .UxLogonInnerWindow .x-window-header-text-default { font-weight:500; font-size:14px; color:#f7f7f7; line-height:1.5em; text-transform:uppercase; } .UxLogonInnerWindow .x-window-body-default { border:#d7d7d7 0px solid; border:1px solid #222222; background:#ffffff !important; } .UxLogonInnerWindow .x-window-body { position: relative; border-style: solid; overflow: hidden; } /****** This class used for remove locked grid border - start */ .gridSkin_locking .x-panel-default.x-grid-with-row-lines{ border-color: #adadad !important; border-width: 0px !important; } .gridSkin_locking .x-panel.x-grid{ -webkit-box-shadow: -8px 0px 9px -4px rgba(0,0,0,0.1); -moz-box-shadow: -8px 0px 9px -4px rgba(0,0,0,0.1); box-shadow: -8px 0px 9px -4px rgba(0,0,0,0.1); z-index:2; } /****** This class used for remove locked grid border - end */ /*29-Nov-16 sanjay topology*/ div.Topo_parent { width: 100%; padding: 0px 0px 0px 0px; display:table; height: 100% !important; max-height:100%!important; position:absolute; top: 0; left: 0; margin: 0; } div.Topo_inner { padding: 0; vertical-align: middle; display: table-cell; margin: 0; height:100%!important; max-height:100%!important; } div.Topo_Node { width: 100%; margin: 0 auto; text-align: center; padding: 10px; height: 80%; max-height:80%!important; max-height:80vh!important; overflow:auto; padding: 0px 10px 0px 10px; background:url('/final/images/Light/BG_s.png') no-repeat; background-size: 100% 110%; background-position:100% bottom; display:table; } div.Topo_child { width: 100%; margin: 0 auto; text-align: center; padding: 0px 10px 10px 10px; overflow: auto; background:transparent !important; vertical-align:top; min-height:30%!important; max-height:70%!important; max-height:45vh!important; } .Topo_cub{ width:240px; min-height:132px; height:130px; display: inline-block; padding:0px 7px; border-color: #ececec; border-style: solid; border-width: 0px 1px 0px 0px; margin:10px 0px 10px 0px; position: relative; vertical-align: middle; } .CompTopoInn{ margin:0px auto; width: 198px; padding:10px 10px 10px 10px; background-color:transparent; -o-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .compo_head{ font-size: 11px; font-weight:500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 14px; cursor:pointer; } .compo_bott{ font-size:12px; line-height: 14px; width:100%; } .compo_bott_font{ font-size:12px; line-height: 14px; width:100%; } .compo_bott_ellipse{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor:pointer; max-width:90% !important; font-size:12px; line-height: 14px; width:90%; } .Multiple_IP{ height: 15px; overflow: hidden; font-size:11px; line-height: 1.6em; } .compo_middle{ font-size:11px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 1.6em; cursor:pointer; } .topo_togArr{ background:url('/final/images/Light/rumtogglearrow.png'); right: 0px; float: right; position: relative; bottom: 18px; cursor: pointer; height: 19px; width: 19px; border: none !important; vertical-align: middle; z-index:1; } .Par_Head{ font-size:11px; font-weight:500; line-height: 14px; } .Par_IP{ font-size:11px; } .Par_topo{ margin-top:-27px; } .Par_CompTopoInn{ margin: 0px auto; width: 198px; text-align: center; } .Topo_cub:last-child{ border-color: #ececec; border-style: solid; border-width: 0px 0px 0px 0px !important; } .noVms{ font-size:15px; color:#5d5d5d; margin-top:16px } .CompTopo_BgColor{ background-color:#ececec; -o-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .parent_icon{ border: 0px solid red !important; width: 100%; text-align: center; padding: 15px 0px; background:url('/final/images/Light/BGIco_lt.png') no-repeat; height: 83px; background-position: 61px 0px; } /*ends*/ /* for btm & DotNetMonitorTEst header & cookie table issue*/ .gridSkin.x-grid-with-row-lines .ddgridviewconfig .x-grid-cell-inner{ padding: 2px 10px 2px 0px !important; } /* testing team bugs fixes - 27/12/2016 - start here - sanjay */ #moreOptionsWindow{ left:auto !important; right:50px !important; } #moreOptionsWindow .x-tool img.x-tool-close{ left: auto !important; } .measuresInnerTable2 table tbody td > div{ overflow: hidden; text-overflow: ellipsis; } #measuredatapanel .gridSkin .x-grid-table .x-grid-cell-inner div{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .configMode_popup{ left:auto !important; } /* testing team bugs fixes - 27/12/2016 - end here - sanjay */ .alarmTooltipArrow1{ background:url("../images/Light/tooltip-arrow.png") no-repeat left top transparent; width: 15px; height: 8px; position:relative; z-index:9999; } /*--eG Updates--*/ .uptodate, .updatenow,.updates, .checkupdate, .reportissues, .helpcenter, .feature-like, .utilitymenu, .uptodate_big, .updates_big { background-image: url('../images/Light/egupdate_icons.png'); background-repeat: no-repeat; width:18px; height:18px; } .check-update, .report-incident, .suggest-feature, .help-center{ background-image: url('../images/Light/egupdate_icons.png'); background-repeat: no-repeat; width:48px; height:48px; } .uptodate_big{ background-position: -19px 0px; } .updates_big{ background-position: -19px -19px; } .check-update{ background-position: -119px 0px; } .report-incident{ background-position: -80px 0px; } .suggest-feature{ background-position: -80px -49px; } .help-center{ background-position: -80px -98px; } .uptodate{ background-position: 0px 0px; } .updatenow{ background-position: 0px -20px; } .updates{ background-position: 0px -40px; } .checkupdate{ background-position: 0px -60px; } .reportissues{ background-position: 0px -75px; } .helpcenter{ background-position: 0px -93px; } .utilitymenu{ background-position: 2px -109px; } .feature-like{ background-position: 0px -143px; } .circle:hover .utilitymenu, .indexTopLink:hover .utilitymenu { background-position: 2px -125px !important; } .utilitymenu_hover{ background-position: 2px -109px; } .updates_avail{ text-align: 'left'; font-size:11px; } .updatebutton{ background-color:transparent; border:0px; width:18px; height:18px; vertical-align: middle; cursor:pointer; } .gridSkin.no_shadow{box-shadow:none !important} .updatemenu li{ cursor:pointer; padding:4px 10px; border-top:1px solid #e4e4e4; color: #1a1a1a; } .updatemenu li:hover{ background:#e4e4e4 } .x-window-body-lightwindow, .x-window-lightwindow{ background:#fffeff; border:#ababab 1px solid; } .x-window-body-lightwindow{ border-style:none; } .x-window-header-lightwindow{ background:#f5f5f5; border-bottom-color:#ababab; border-bottom-style:solid; border-bottom-width: 1px!important; } .x-window-header-lightwindow .x-window-header-text{ font-weight:500; font-size:14px; vertical-align: sub; text-transform:uppercase; } .buttonBig.greenbtn{ background:#4b9c50; } .buttonBig.greenbtn:hover{ background:#72b378; } .buttonBig.greenbtn.x-btn-default-small.x-btn .x-btn-center .x-btn-inner, .buttonBig.greenbtn.x-btn-default-small.x-btn em{ background:none; } .x-component-egeditor .x-btn-pressed.x-btn-default-toolbar-small-pressed{ background:#c1bfbf; background-image:none; border: #000 solid 0px !important; border-radius:0px; } .helpcenterdata li{ float:left; width:264px; height:256px; background:#fffeff; border:#dcdcdc 1px solid; margin:10px 5px 10px 5px; cursor:pointer; } .helpcenterdata li:hover{ border:#6f6f6f 1px solid; } .x-container-helpcenter{ background:#fffeff } .x-container-helpcenterheader{ font-size: 12px; text-transform: uppercase; font-weight:500; } .helpcenterdata li .duration{ font-size: 10px; color:#878787; font-weight:500; } .helpcenterdata li .r_title{ color:#878787; font-size: 13px; } .helpcenterdata li .r_desc{ color:#878787; font-size: 12px; } #reportwin .x-form-item-label { font-size: 12px; font-weight:500; } .x-tip-whitethemes.whitethemestip{ border-radius:0px !important; -webkit-box-shadow: 3px 2px 7px 1px rgba(0,0,0,0.25); -moz-box-shadow: 3px 2px 7px 1px rgba(0,0,0,0.25); box-shadow: 3px 2px 7px 1px rgba(0,0,0,0.25); border-color: #c6c6c6 !important; } .x-tip-whitethemes.whitethemestip .round-container{ padding:0px !important; } .x-tip-whitethemes.whitethemestip .x-tip-header-text-whitethemes { font-size: 11px; text-transform: uppercase; padding-left: 0px; } .x-container-plaintoolbar{ background:#fff !important; } .x-container-plaintoolbar .x-toolbar .x-toolbar-separator-horizontal, .x-container-plaintoolbar .x-toolbar .x-toolbar-separator, .x-container-plaintoolbar .x-toolbar-separator, .x-container-plaintoolbar .x-toolbar .x-toolbar-separator-default { width: 1px; height: 14px; background: #f1f1f1 !important; margin: 0px 4px; border: none !important; } .x-container-update-container{ border:1px solid #f5f5f5; text-align:center; padding-bottom:20px; } .x-container-update-container .update-container-title{ display:inline-table;padding:10px 10px 0px 10px;background:white;position:relative;top:-19px } .mailto_font{ color:#1303e9; } .Bott_DocBox .x-mask{ opacity: 0.5; background: #fff; } /*--end eG Updates--*/ /*bug fix 03-Jan-17 bug id - 12948 sanjay */ #otherDetailsData .x-box-layout-ct{ overflow:visible !important; } #otherDetailsData .x-tip-header-body .x-box-inner { overflow:visible !important; } /*09-Jan-17 sanjay*/ .dropdown24 .x-field-label-cell, .dropdown .x-field-label-cell{ vertical-align: middle !important; } /* .tablayout .x-tab-default-top:first-child{ border-width: 1px 0px 1px 1px !important } */ #currentalarmsmain .x-column-header:first-child{ border-width: 0px 0px 0px 0px !important;/*F*/ } #firstPanel-body .x-table .x-grid-table tbody tr:last-child td{ border-width: 0px 0px 0px 0px !important; } /* Need to check all window mask background - mask effect issue .windowModal ~ .x-mask{ */ .windowModal .x-mask{ background: #000 !important; opacity: .9 !important; } /*-- sub colum wrap -- */ .newGridSkin .x-box-inner .x-group-sub-header .x-column-header-inner .x-column-header-text { white-space: normal; } /*-- end sub colum wrap -- */ .x-table-border{ border:#d3d3d3 1px solid !important } #paramsContainer #search{background:none!important} /* for admin search background issue - Feroz/Sasi */ /* 2FA - Login UI */ .loginKey { background-image:url('../images/loginKey.png'); background-repeat:no-repeat; width:38px; height:38px; float:left } /*--------RUM dashboard----6-2-2017-------------*/ #rumTrans-body{ overflow-x:hidden !important } .uxtab-outerpanel #mainId-body { overflow:hidden !important } /*-------------Host panel Styles---------------*/ #hostInner{ background:#fff; overflow-x:hidden !important; overflow-y:hidden !important; } #hostInner:hover { overflow-y:visible !important; } .eg-header .x-panel-header{ background: #ffffff !important; box-shadow: none; border-width: 0px 0px 0px 0px !important; border-color: #b0b0b0; } /* host page container outer border 17-4-2017*/ #endUserView .gridSkin{ border:0px solid #e4e5e6 !important } .host_separator { margin:0px; border-top:1px solid #d9d9d9 !important; } #endUserViewMain-body, #hostMetricsPanel{ background:#fff !important } .panelHeader.x-panel-header, .panelHeader.x-panel-header-text-container{ background: #fff !important; border-width:0 0 0 0 !important; border-color : #fff; padding:0px 4px 0px 4px !important } #hostInner-innerCt{width:290px !important} /*IE and firefox fix----*/ /* #endUserView_header-body{ padding:5px 5px 5px 10px; } */ #endUserView-body{ border-right:0px solid #cdcdcd; border-left:0px solid #cdcdcd; background:none !important; /*padding:0px !important; margin-top:-10px;*/ } #hostMetricsPanel-body{ overflow:hidden !important; border-bottom:1px solid #5a5a5a } #hostMetricsPanel{ border-width: 1px 1px 0px 1px !important; border-color: #dedede #dedede #dedede #dedede; } /* hidden for new header - jaiwin #endUserView_header{ border-width: 1px 1px 0px 1px !important; // V -- border-color: #dedede #dedede #dedede #dedede; top: 0px !important; margin: 0px 1px; border-radius: 0px; -webkit-border-radius: 0px; padding: 0px !important; } */ /*---alignment issue in layer model header icon-Dinesh-*/ /*noneed .layer_state_button{ top:-2px !important; }*/ /*---end alignment issue in layer model header icon--*/ /* Logon Simulator - For Reporter Starts */ .plainTableReporter{border:0px solid #b5b5b5;} .plainTableReporter table{border:1px solid #b5b5b5;} .plainTableReporter table tbody tr:nth-child(even) {background-color:#f9f9f9} .plainTableReporter table tbody tr:nth-child(odd) {background-color:#ffffff} .plainTableReporter table thead tr th {border:1px solid #b5b5b5;padding:4px 10px 1px 10px;font-size:11px; background-color:#ced0d2;text-transform:uppercase;line-height:1.5em;} .plainTableReporter table thead tr th.subHeader{background-color:#f4f5f5;text-align:center} .plainTableReporter table tbody tr td {border-bottom:1px solid #b5b5b5;padding:4px 10px 1px 10px;font-size:11px; line-height:1.5em;} .plainTableReporterDynamicRowspan{border:0px solid #b5b5b5;} .plainTableReporterDynamicRowspan table{border:1px solid #b5b5b5;} .plainTableReporterDynamicRowspan table thead tr th {border:1px solid #cdcdcd;padding:4px 10px 1px 10px;font-size:11px; background-color:#e6e6e6;text-transform:uppercase;} /*J*/ .plainTableReporterDynamicRowspan table thead tr th.subHeader{background-color:#f4f5f5;} .plainTableReporterDynamicRowspan table tbody tr td {border-bottom:1px solid #cdcdcd;padding:5px 10px 3px 10px;font-size:11px; } /*J*/ .plainTableReporterDynamicRowspan table tbody tr td:first-child[rowspan] {border-right:1px solid #cdcdcd;} /*J*/ .plainTableReporterDynamicRowspan table tbody tr td div *{padding:0px;border:0px} .plainTableReporterDynamicRowspan table tbody tr td.alterColor1{background-color:#ffffff;} .plainTableReporterDynamicRowspan table tbody tr td.alterColor2{background-color:#f4f5f5;} .stateBgValue_HIGH,.stateBgValue_INTERMEDIATE,.stateBgValue_LOW,.stateBgValue_GOOD,.stateBgValue_UNKNOWN, .stateBgValue_GRAY{ display:block; width:68px; height:14px; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; -khtml-border-radius: 0.2em; border-radius: 0.2em; color:#fff; font-size:11px; text-align:center; line-height:16px } .stateBgValue_HIGH{background:#cd0f0f} .stateBgValue_INTERMEDIATE{background:#fa9d1c} .stateBgValue_LOW{background:#ccc100} .stateBgValue_GOOD{background:#0c9a12} .stateBgValue_UNKNOWN{background:#30a1d9} .stateBgValue_GRAY{background:#8b8b8b} .graphSeperatorLineBottomRight{ border-top-width:0px;border-right-width:1px;border-bottom-width:1px;border-left-width:0px; border-color:#f2f2f2;border-style:solid } .graphSeperatorLineRight{ border-top-width:0px;border-right-width:1px;border-bottom-width:0px;border-left-width:0px; border-color:#f2f2f2;border-style:solid } .graphSeperatorLineBottom{ border-top-width:0px;border-right-width:0px;border-bottom-width:1px;border-left-width:0px; border-color:#f2f2f2;border-style:solid } .legendSquare{ width:6px; height:6px; } .pieLegendFont{ font-size: 12px !important; font-family:Arial, serif !important; font-weight:400 !important; color:#707070; } /***************Grid panel Design with Row Expander styles start here *********/ .newGridSkinRE{ border:0px solid #cdcdcd !important; -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3); box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3); background: #ffffff; } .newGridSkinRE .x-column-header-inner .x-column-header-text { font-weight:400; } .newGridSkinRE div.x-panel-header { background: #ffffff; border-width:0px 0px 1px 0px; border-color:#e3e3e3; box-shadow:none; padding:10px 10px 15px 0px; } .newGridSkinRE div.x-panel-header span.x-panel-header-text{ font-size:11px; /* text-shadow: 1px 0 0 #ffffff; */ } .newGridSkinRE div.x-column-header{ font-size:11px; text-transform:uppercase; text-shadow:none; background:#e6e6e6; font-weight:normal; border-color:#cdcdcd #cdcdcd #cdcdcd #cdcdcd !important; border-style:solid; border-width:0px 0px 0px 1px !important; } .newGridSkinRE .x-grid-header-ct { border-color:#cdcdcd #cdcdcd #cdcdcd #cdcdcd !important; border-style:solid; border-width:1px 1px 0px 1px !important; } .newGridSkinRE div.x-column-header-first{ border-width:0px 0px 0px 0px !important; } .newGridSkinRE div.x-column-header-last{ border-width:0px 0px 0px 1px !important; } .newGridSkinRE .x-grid-view{ border-top-color:#cdcdcd !important; border-right-color:#cdcdcd; border-bottom-color:#cdcdcd; border-left-color:#cdcdcd; border-style:solid; border-width:1px 1px 0px 1px !important; } div .fancy_border:last-child, .x-container .x-container.fancy_border:last-child, .x-panel .x-container.fancy_border:last-child , table tr > td:last-of-type .fancy_border{ background:none; } .newGridSkinRE .x-grid-row .x-grid-cell, .newGridSkinRE .x-grid-rowwrap-div{ background-color: #ffffff !important; border-right-color:#dfdfdf; border-bottom-color:#cdcdcd; border-style: solid; border-width:0px 0px 1px 0px; } .newGridSkinRE .x-grid-row-collapsed .x-grid-rowwrap-div, .newGridSkinRE .x-grid-row.hidePlus.x-grid-row-collapsed .x-grid-rowwrap-div{ border-right-color:#dfdfdf; border-bottom-color:#cdcdcd; border-style: solid; border-width:0px 0px 0px 0px; } .newGridSkinRE .x-grid-row.x-grid-cell-special{ background:transparent; border-top-color:#dfdfdf; border-right-color:#dfdfdf; border-bottom-color:#cdcdcd; border-left-color:#cdcdcd; border-style: solid; border-width:0px 1px 0px 1px !important; } .newGridSkinRE .x-column-header-inner{ border-top:0px solid #adadad !important; padding:5px 10px 3px 10px !important; vertical-align:middle; line-height:150%; display:table-cell; width:inherit; } .newGridSkinRE .x-grid-row.x-grid-row-selected .x-grid-rowwrap-div .x-grid-cell-rowbody, .newGridSkinRE .x-grid-row.undefined .x-grid-rowwrap-div .x-grid-cell.x-grid-cell-special{ border-bottom:0px solid #cdcdcd; } .newGridSkinRE .x-grid-row.x-grid-row-selected .x-grid-rowwrap-div .x-grid-cell-special, .newGridSkinRE .x-grid-row-alt.x-grid-row-selected .x-grid-rowwrap-div .x-grid-cell-special{ border-right-color:#cdcdcd; border-bottom-color:#cdcdcd; border-style: solid; border-width:0px 1px 0px 0px !important; } .newGridSkinRE .x-box-inner .x-group-sub-header, .newGridSkinRE .x-box-inner .x-group-sub-header:last-child { border-top: 1px solid #cdcdcd !important; border-right: 1px solid #cdcdcd !important; border-bottom: none; border-left:none; text-align:center; text-align:-webkit-center; text-align:-ms-center; } .newGridSkinRE .x-box-inner .x-group-sub-header { background:#f5f5f5 !important; text-align: center; padding-top: 0px; font-size: 10px; text-align:center; text-align:-webkit-center; text-align:-ms-center; } .newGridSkinRE .x-box-inner .textCenter.x-group-sub-header .newGridSkinRE .textCenter.x-column-header{ text-align:center; text-align:-webkit-center; text-align:-ms-center; } .newGridSkinRE .x-box-inner .x-group-sub-header .x-column-header-over, .newGridSkinRE .x-box-inner .x-group-sub-header .x-column-header-sort-ASC, .newGridSkinRE .x-box-inner .x-group-sub-header .x-column-header-sort-DESC { background:#f5f5f5 !important; text-align: center; padding-top: 0px; font-size: 10px; } /* need to delete 3333 .x-grid-group-hd-collapsible .x-grid-group-title { background: transparent no-repeat 0 0px; background-image: url('../images/Light/eG_Icons.png'); background-position: -40px -580px; width: 16px; height: 16px; padding: 0 0 0 18px; line-height:16px; } .x-grid-group-hd-collapsed .x-grid-group-title { background-image: url('../images/Light/eG_Icons.png'); background-position: -40px -560px; width: 16px; height: 16px; margin-right:5px; }*/ .newGridSkinRE .x-grid-row .x-grid-cell{ font-size:12px; } .newGridSkinRE .x-grid-row.undefined.x-grid-row-collapsed .x-grid-cell-special, .newGridSkinRE .x-grid-row.undefined.x-grid-row-collapsed .x-grid-cell-special{ border-right-color:#cdcdcd; border-bottom-color:#cdcdcd; border-style: solid; border-width:0px 1px 1px 0px !important; } .newGridSkinRE .x-grid-row .x-grid-cell-special{ background-image:none; border-right:1px solid #cdcdcd; } .newGridSkinRE .x-grid-row-alt .x-grid-cell, .newGridSkinRE .x-grid-row-alt .x-grid-rowwrap-div, .newGridSkinRE .x-grid-row-alt .x-grid-cell-special { background-color: #f9f9f9 !important; } .newGridSkinRE .x-grid-cell-inner {line-height:20px} .newGridSkinRE.x-grid-with-row-lines .x-grid-cell-inner{padding:2px 10px 1px 10px !important;} .newGridSkinRE .x-grid-row-selected .x-grid-cell-special{ background-image: none !important; background:transparent; } .newGridSkinRE .x-grid-row:hover, .newGridSkinRE .x-grid-row-over .x-grid-cell, .newGridSkinRE .x-grid-row-over .x-grid-cell-special, .newGridSkinRE .x-grid-row-over .x-grid-rowwrap-div { background:transparent ; font-weight:normal !important; background-image: none !important; } .newGridSkinRE .x-column-header-over, .newGridSkinRE .x-column-header-sort-ASC, .newGridSkinRE .x-column-header-sort-DESC { background:#e6e6e6 !important; } .newGridSkinRE .x-grid-cell-inner, .newGridSkinRE .x-grid-cell-inner a { color:inherit; } .newGridSkinRE .x-grid-row:hover .x-grid-cell .x-grid-cell-inner { font-weight:400; } .x-action-col-cell .x-grid-cell-inner{ line-height:0px !important; } .newGridSkinRE .x-grid-row-checker { margin-left: -6px } .newGridSkinRE .x-grid-row-checker, .newGridSkinRE .x-column-header-checkbox .x-column-header-text{ background-image: url("../images/Light/checkbox_new.png"); background-position:0px 0px; height:16px; width:16px; padding:0px !important; } .newGridSkinRE .x-grid-cell-inner .x-grid-row-checker { background-image: url("../images/Light/checkbox_new.png"); background-position:0px 0px; height:16px; width:16px; padding:0px !important; } .noEllipsis .x-grid-cell-inner{ text-overflow:clip; } .newGridSkinRE .x-grid-hd-checker-on .x-column-header-text, .newGridSkinRE .x-grid-row-selected .x-grid-row-checker, .newGridSkinRE .x-grid-row-checked .x-grid-row-checker { background-position:0px -20px !important; } .newGridSkinRE .x-column-header-trigger { background-color:#BBBBBB; display:none; background-image:url('../images/Light/grid3-hd-btn_new.gif'); } .x-action-col-icon { cursor:pointer} /* .x-panel .x-grid-body{ border-width:0px !important;} */ .newGridSkinRE .x-grid-group-hd .x-grid-cell-inner{ background:#acacac;padding:2px 0px 2px 10px;border-width:0px;} .newGridSkinRE .x-grid-group-title{font-size:11px} .newGridSkinRE .x-action-col-cell div{ text-align:center !important;} /* .gridSkin .x-action-col-cell div img{margin-top:3px} -- hidden for text and image alignment in grid row. - Jaiwin */ .newGridSkinRE .x-column-header-sort-DESC .x-column-header-text{ background:url('../images/Light/grid_sort_down.png') right 1px no-repeat; vertical-align:middle; /* display:table-cell; */ display:inline-table; } .newGridSkinRE .x-column-header-sort-ASC .x-column-header-text{ background:url('../images/Light/grid_sort_top.png') right 1px no-repeat; vertical-align:middle; /* display:table-cell; */ display:inline-table; } .newGridSkin div.x-panel-header.x-accordion-hd{ border-width:0px 0px 0px 0px !important; background: #fbfbfb !important; } .newGridSkinRE div.x-panel-header.x-accordion-hd .x-panel-header-text{ font-size: 12px !important; font-weight:500; } .x-field.textboxCritical{ background-color:#cc0000; -webkit-border-radius:2px 2px 2px 2px; -moz-border-radius:2px 2px 2px 2px; -ms-border-radius:2px 2px 2px 2px; -o-border-radius:2px 2px 2px 2px; border-radius:2px 2px 2px 2px; color:#ffffff; } .textboxCritical .x-form-item-body input.x-form-text, .textboxCritical .x-form-trigger-wrap-focus input.x-form-text, .textboxCritical .x-form-trigger-wrap-focus input.x-form-text { background:#fff; border:#cc0000 1px solid !important; padding-left:10px; padding-right:4px; position:relative; height:21px; -webkit-border-radius:0px 2px 2px 0px; -moz-border-radius:0px 2px 2px 0px; -ms-border-radius:0px 2px 2px 0px; -o-border-radius:0px 2px 2px 0px; border-radius:0px 2px 2px 0px; } .x-field.textboxMajor{ background-color:#fa9d1c; -webkit-border-radius:2px 2px 2px 2px; -moz-border-radius:2px 2px 2px 2px; -ms-border-radius:2px 2px 2px 2px; -o-border-radius:2px 2px 2px 2px; border-radius:2px 2px 2px 2px; color:#ffffff; } .textboxMajor .x-form-item-body input.x-form-text, .textboxMajor .x-form-trigger-wrap-focus input.x-form-text, .textboxMajor .x-form-trigger-wrap-focus input.x-form-text { background:#fff; border:#fa9d1c 1px solid !important; padding-left:10px; padding-right:4px; position:relative; height:21px; -webkit-border-radius:0px 2px 2px 0px; -moz-border-radius:0px 2px 2px 0px; -ms-border-radius:0px 2px 2px 0px; -o-border-radius:0px 2px 2px 0px; border-radius:0px 2px 2px 0px; } .x-field.textboxMinor{ background-color:#ccc100; -webkit-border-radius:2px 2px 2px 2px; -moz-border-radius:2px 2px 2px 2px; -ms-border-radius:2px 2px 2px 2px; -o-border-radius:2px 2px 2px 2px; border-radius:2px 2px 2px 2px; color:#ffffff; } .textboxMinor .x-form-item-body input.x-form-text, .textboxMinor .x-form-trigger-wrap-focus input.x-form-text, .textboxMinor .x-form-trigger-wrap-focus input.x-form-text { background:#fff; border:#ccc100 1px solid !important; padding-left:10px; padding-right:4px; position:relative; height:21px; -webkit-border-radius:0px 2px 2px 0px; -moz-border-radius:0px 2px 2px 0px; -ms-border-radius:0px 2px 2px 0px; -o-border-radius:0px 2px 2px 0px; border-radius:0px 2px 2px 0px; } .graphCenterHide{ position:absolute; border:0px solid green; width:60px; height:60px; top:50%; left:50%; margin-top:-30px; margin-left:-30px; border-radius:30px; background:#ffffff; } /* Logon Simulator - For Reporter Ends */ /* locking grid header title hide monitor - Feroz */ /*.gridSkin.gridSkin_locking.ddGridLockView .x-grid-inner-locked .x-grid-view.gridGrphide .x-grid-group-title { visibility:visible; } .gridSkin.gridSkin_locking.ddGridLockView .x-grid-view.gridGrphide .x-grid-group-title { visibility:hidden }*/ /* end locking grid header title hide monitor */ /*--config style--*/ .x-btn-xmlConfig_btn-toolbar-small .x-btn-icon{ position:absolute; top:0px; left:0px; } .config_diff_base_header{ float:left; text-align:left; width:50.1%; padding:5px 5px 5px 29px; border-right:0px solid #DEDEDE; } .config_diff_new_header{ float:right; text-align:left; width:49.1%; padding:5px 5px 5px 17px; } .gridSkin_config .x-grid-cell{ vertical-align:middle !important; } /* vijay changes 6 dec 2021 */ .dataPanel.config_datapanelWithoutShadow .changeConfig_div { margin:0 10px 10px 10px } /* vijay changes 6 dec 2021 */ .config_diff_window .x-table tbody .x-grid-row:hover td{ background:none !important; } .diff_panel_win { color:#FF0000; font-weight:500; } .config_containerShadow.containerShadow div.x-panel-body{ background:#ffffff !important; border-color:#dedede #d1d1d1 #d1d1d1 #d1d1d1; border-width:1px 0px 0px 0px; border-style:solid; } .config_containerShadow.containerShadow div.x-panel-header, .config_containerShadow.containerShadow .x-panel-header-default-framed-top, .config_containerShadow.containerShadow.x-panel-header, .x-nlg .config_containerShadow.containerShadow .x-panel-header-default-framed-top{ margin:0px !important; border-color:#d1d1d1 #d1d1d1 #d1d1d1 #d1d1d1; border-width:0px 0px 0px 0px !important; border-style:solid; background:#f6f6f6 !important; } /*-- Config Style--*/ /* Report Builder new styles - Start here */ /* Chrome, Safari, Opera */ @-webkit-keyframes mymove { 10% {border: 2px solid #97c343;} } @keyframes mymove { 10% {border: 2px solid #97c343;} } .digitalContainerBox{ border-style: solid; border-width: 1px 1px 1px 1px; background:#fbfbfb; border-color:#fbfbfb #dadada #fbfbfb #fbfbfb; } .digitalContainerBoxSingle{ border-style: solid; border-width: 1px 1px 1px 1px; background:#fbfbfb; border-color:#fbfbfb #fbfbfb #fbfbfb #fbfbfb; } .digitalContainerBoxFirst{ border-style: solid; border-width: 1px 1px 1px 1px; background:#fbfbfb; border-color:#fbfbfb #dadada #fbfbfb #fbfbfb } .digitalContainerBoxLast{ border-style: solid; border-width: 1px 1px 1px 1px; background:#fbfbfb; border-color:#fbfbfb #fbfbfb #fbfbfb #fbfbfb; } .newFormOuter { border:1px solid #d2d2d2; margin:10px 10px 0px 10px; padding:0px; background:#f7f7f7; } .newFormOuter .x-panel-body {background:#f7f7f7 !important;} /***************Grid panel Design styles start here *********/ .newGridSkin{ border:1px solid #cdcdcd !important; -webkit-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.35); background: #ffffff; } .newGridSkin .x-column-header-inner .x-column-header-text { font-weight:400; } .newGridSkin div.x-panel-header { background: #ffffff; border-width:0px 0px 1px 0px; border-color:#e3e3e3; box-shadow:none; } .newGridSkin .x-grid-table{ } .newGridSkin div.x-panel-header span.x-panel-header-text{ font-size:11px; /* text-shadow: 1px 0 0 #ffffff; */ } .newGridSkin div.x-column-header{ font-size:11px; text-transform:uppercase; text-shadow:none; background:#e6e6e6; font-weight:normal; border-color:#cdcdcd #cdcdcd #cdcdcd #cdcdcd !important; border-style:solid; border-width:0px 0px 0px 1px !important; } .newGridSkin div.x-group-header{ font-size:11px; text-transform:uppercase; text-shadow:none; background:#e6e6e6; font-weight:normal; text-align:center !important; border-color:#cdcdcd #cdcdcd #cdcdcd #cdcdcd !important; border-style:solid; border-width:0px 0px 0px 1px !important; } .newGridSkin .x-grid-header-ct { border-color:#cdcdcd #cdcdcd #cdcdcd #cdcdcd !important; border-style:solid; border-width:1px 0px 1px 0px!important; } .newGridSkin div.x-column-header-first{ border-width:0px 0px 0px 0px !important; } .newGridSkin div.x-column-header-last{ border-width:0px 0px 0px 1px !important; } .newGridSkin .x-grid-view{ border-top-color:#cdcdcd !important; border-right-color:#1a1a1a; border-bottom-color:#1a1a1a; border-left-color:#1a1a1a; border-style:solid; border-width:1px 0px 0px 0px !important; } div .fancy_border:last-child, .x-container .x-container.fancy_border:last-child, .x-panel .x-container.fancy_border:last-child , table tr > td:last-of-type .fancy_border{ background:none; } .newGridSkin .x-grid-cell, .newGridSkin .x-grid-rowwrap-div{ background-color: #ffffff !important; border-right-color:#dfdfdf; border-bottom-color:#cdcdcd; border-style: solid; border-width:0px 0px 1px 0px; } .newGridSkin .x-column-header-inner{ border-top:0px solid #adadad !important; padding:5px 10px 3px 10px !important; vertical-align:middle; line-height:150%; display:table-cell; } .newGridSkin .x-group-header .x-column-header-inner{ border-top:0px solid #adadad !important; padding:5px 10px 3px 10px !important; vertical-align:middle; line-height:150%; display:inline-block; text-align:center !important; } .newGridSkin .x-grid-row.x-grid-row-selected .x-grid-cell, .newGridSkin .x-grid-row.x-grid-row-selected .x-grid-rowwrap-div { background-color: #c1ddf1 !important; border-right-color:#dfdfdf; border-bottom-color:#d3d3d3; border-style: solid; /*border-width:1px 1px 1px 0px;*/ } .newGridSkin .x-box-inner .x-group-sub-header, .newGridSkin .x-box-inner .x-group-sub-header:last-child { border-top: 1px solid #cdcdcd !important; border-right: 1px solid #cdcdcd !important; border-bottom: none; border-left:none; text-align:center; text-align:-webkit-center; text-align:-ms-center; } .newGridSkin .x-box-inner .x-group-sub-header { background:#f5f5f5 !important; text-align: center; padding-top: 0px; font-size: 10px; text-align:center; text-align:-webkit-center; text-align:-ms-center; } .newGridSkin .x-box-inner .textCenter.x-group-sub-header .newGridSkin .textCenter.x-column-header{ text-align:center; text-align:-webkit-center; text-align:-ms-center; } .newGridSkin .x-box-inner .x-group-sub-header .x-column-header-over, .newGridSkin .x-box-inner .x-group-sub-header .x-column-header-sort-ASC, .newGridSkin .x-box-inner .x-group-sub-header .x-column-header-sort-DESC { background:#f5f5f5 !important; text-align: center; padding-top: 0px; font-size: 10px; } /* Need to delete 44444 .x-grid-group-hd-collapsible .x-grid-group-title { background: transparent no-repeat 0 0px; background-image: url('../images/Light/eG_Icons.png'); background-position: -40px -580px; width: 16px; height: 16px; padding: 0 0 0 18px; line-height:16px; } .x-grid-group-hd-collapsed .x-grid-group-title { background-image: url('../images/Light/eG_Icons.png'); background-position: -40px -560px; width: 16px; height: 16px; margin-right:5px; }*/ .newGridSkin .x-grid-row .x-grid-cell{ font-size:12px; } .newGridSkin .x-grid-row-alt .x-grid-cell, .newGridSkin .x-grid-row-alt .x-grid-rowwrap-div, .newGridSkin .x-grid-row-alt .x-grid-cell-special { background-color: #f9f9f9 !important; } .newGridSkin .x-grid-cell-inner {line-height:20px} .newGridSkin.x-grid-with-row-lines .x-grid-cell-inner{padding:2px 10px 1px 10px !important;} .newGridSkin .x-grid-row-selected .x-grid-cell-special{ background-image: none !important; } .newGridSkin .x-grid-row:hover, .newGridSkin .x-grid-row-over .x-grid-cell, .newGridSkin .x-grid-row-over .x-grid-rowwrap-div { background:#e2eff8 ; font-weight:normal !important} .newGridSkin .x-column-header-over, .newGridSkin .x-column-header-sort-ASC, .newGridSkin .x-column-header-sort-DESC { background:#e6e6e6 !important; } .newGridSkin .x-grid-cell-inner, .newGridSkin .x-grid-cell-inner a { color:inherit; } .newGridSkin .x-grid-row:hover .x-grid-cell .x-grid-cell-inner { font-weight:400; } .x-action-col-cell .x-grid-cell-inner{ line-height:0px !important; } .newGridSkin .x-grid-row-checker { margin-left: -6px } .newGridSkin .x-grid-row-checker, .newGridSkin .x-column-header-checkbox .x-column-header-text{ background-image: url("../images/Light/checkbox_new.png"); background-position:0px 0px; height:16px; width:16px; padding:0px !important; } .newGridSkin .x-grid-cell-inner .x-grid-row-checker { background-image: url("../images/Light/checkbox_new.png"); background-position:0px 0px; height:16px; width:16px; padding:0px !important; } .noEllipsis .x-grid-cell-inner{ text-overflow:clip; } .newGridSkin .x-grid-hd-checker-on .x-column-header-text, .newGridSkin .x-grid-row-selected .x-grid-row-checker, .newGridSkin .x-grid-row-checked .x-grid-row-checker { background-position:0px -20px !important; } .newGridSkin .x-column-header-trigger { background-color:#BBBBBB; display:none; background-image:url('../images/Light/grid3-hd-btn_new.gif'); } .x-action-col-icon { cursor:pointer} /* .x-panel .x-grid-body{ border-width:0px !important;} */ .newGridSkin .x-grid-group-hd .x-grid-cell-inner{ background:#acacac;padding:2px 0px 2px 10px;border-width:0px;} .newGridSkin .x-grid-group-title{font-size:11px} .newGridSkin .x-action-col-cell div{ text-align:center !important;} /* .gridSkin .x-action-col-cell div img{margin-top:3px} -- hidden for text and image alignment in grid row. - Jaiwin */ .newGridSkin .x-column-header-sort-DESC .x-column-header-text{ background:url('../images/Light/grid_sort_down.png') right 1px no-repeat; vertical-align:middle; display:table-cell; } .newGridSkin .x-column-header-sort-ASC .x-column-header-text{ background:url('../images/Light/grid_sort_top.png') right 1px no-repeat; vertical-align:middle; display:table-cell; } .newGridSkin .x-grid-header-ct{ border-width:0px !important; background:#cdcdcd;} .newGridSkin div.x-panel-header.x-accordion-hd{ border-width:0px 0px 0px 0px !important; background: #fbfbfb !important; } .newGridSkin div.x-panel-header.x-accordion-hd .x-panel-header-text{ font-size: 12px !important; font-weight:500; } /***************Grid panel Design styles end here *********/ .widgetCountHighlightDiv{ width:16px; height:12px; background:#da733b; position:absolute; color:#ffffff; top:7px; left:-12px;/*J*/ line-height:8px; padding:2px 3px; /*J*/ text-align:center; font-weight:normal; font-size:8px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .x-panel-body-newTabPanel{ background:#fcfcfc; border-width:0px; border-color:#d2d2d2; border-style:solid; } .x-panel-newTabPanel .x-tab-bar { position: relative; background-color: transparent; background-image: none; background-color: #f3f3f3; font-size: 11px; } .x-panel-newTabPanel .x-tab-bar-body { border-style: solid; border-color: #d2d2d2; position: relative; z-index: 2; zoom: 1; border:0px; } .x-panel-newTabPanel .x-tab-bar-top .x-tab-bar-body { height: 36px; border-width: 0 0 0 0; padding: 2px 0 3px; } .x-panel-newTabPanel .x-border-box .x-tab-bar-top .x-tab-bar-body { height: 34px; } .x-panel-newTabPanel .x-border-box .x-tab-bar-top .x-tab-bar-strip { height: 1px; } .x-panel-newTabPanel .x-tab-bar-top .x-tab-bar-strip { top: 35px; border-width: 1px 1px 0; height: 1px; } .x-panel-newTabPanel .x-tab-bar-strip-default, .x-panel-newTabPanel .x-tab-bar-strip-default-plain { font-size: 0; line-height: 0; position: absolute; z-index: 1; border-style: solid; overflow: hidden; border-color: #d2d2d2; zoom: 1; } .x-panel-newTabPanel .x-panel.x-tabpanel-child{ border-width:1px; border-color:#d2d2d2; border-style:solid; } .x-panel-newTabPanel .staticWidth .x-box-inner .x-horizontal-box-overflow-body{ width:590px !important; } .x-panel-newAccordionPanel .x-accordion-hd { border-width: 1px 1px 0px 1px !important; padding: 6px 10px 5px 10px; border-color: #cdcdcd !important; background:#dadada !important; } .x-panel-newAccordionPanel .x-panel-body.x-accordion-body{ background:#dadada !important; border-width: 0px 1px 1px 1px !important; border-color: #cdcdcd !important; } .x-panel-newAccordionPanel .x-panel-collapsed .x-panel-header-default-top{ border-width: 1px 1px 1px 1px !important; box-shadow:none; } .x-panel-newTabPanel .x-border-box .x-tab-default-top { height: 34px; } .x-panel-newTabPanel .x-box-item { position: absolute!important; left: 0; top: 0; } .x-panel-newTabPanel .x-tab-default-top { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -ms-border-top-left-radius: 0px; -o-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -ms-border-top-right-radius: 0px; -o-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -ms-border-bottom-right-radius: 0; -o-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -ms-border-bottom-left-radius: 0; -o-border-bottom-left-radius: 0; border-bottom-left-radius: 0; padding: 0 10px 0 0; border:0px; background-image: none; background:url('/final/images/Light/newTabPanel_buttonNormal.png') top right no-repeat; height:34px ; -webkit-box-shadow:none; -moz-box-shadow: none; box-shadow: none; border-bottom: 0px solid #99bce8!important; } .x-panel-newTabPanel .x-box-inner.x-horizontal-box-overflow-body{ height:34px !important; overflow:hidden; } .x-panel-newTabPanel .x-box-scroller-left{ float:right; left:-15px; } .x-panel-newTabPanel .x-box-scroller-right{ float:right; left:20px; } .x-panel-newTabPanel .x-box-scroller-left .x-toolbar-scroll-left, .x-panel-newTabPanel .x-box-scroller-left .x-tabbar-scroll-left { width: 16px; position: relative; cursor: pointer; height:16px; top:10px; background: transparent no-repeat -64px -180px; background-image:url('/final/images/Light/newReporterIcons.png'); } .x-panel-newTabPanel .x-box-scroller-left .x-toolbar-scroll-left-disabled, .x-panel-newTabPanel .x-box-scroller-left .x-tabbar-scroll-left-disabled { background-position: -64px -180px; filter: alpha(opacity=40); opacity: .4; cursor: default; } .x-panel-newTabPanel .x-box-scroller-right .x-toolbar-scroll-right, .x-panel-newTabPanel .x-box-scroller-right .x-tabbar-scroll-right { width: 16px; position: relative; cursor: pointer; height:16px; top:10px; background: transparent no-repeat; background-position:-80px -180px; background-image:url('/final/images/Light/newReporterIcons.png'); } .x-panel-newTabPanel .x-box-scroller-right .x-toolbar-scroll-right-disabled, .x-panel-newTabPanel .x-box-scroller-right .x-tabbar-scroll-right-disabled { background-position:-80px -180px; filter: alpha(opacity=40); opacity: .4; cursor: default; } .x-panel-newTabPanel .x-tab-active { z-index: 3; } .x-panel-newTabPanel .x-tab-default-top.x-tab-default-top-active{ border-bottom-color: #deecfd !important; background:url('/final/images/Light/newTabPanel_buttonActive.png') top right no-repeat; height:34px ; } .x-panel-newTabPanel .x-tab { z-index: 1; margin: 0 -1px 0 0; display: inline-block; zoom: 1; white-space: nowrap; height: 34px; cursor: pointer; cursor: hand; font-size:11px; font-weight:normal; } .x-panel-newTabPanel .x-tab-default-top.x-tab-default-top-active em { display: block; padding: 10px 0 0 10px; background:url('/final/images/Light/newTabPanel_buttonActive.png') top left no-repeat; height:34px ; line-height: 1px; } .x-panel-newTabPanel .x-tab-default-top em{ display: block; padding: 10px 0 0 10px; background:url('/final/images/Light/newTabPanel_buttonNormal.png') top left no-repeat; height:34px ; line-height: 1px; } .x-btn-widgetConfigurationSliderButton-small{ -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; border-style: solid; padding: 0 5px 0 0; border:0px; margin: 0 -1px 0 0; background-image: none; background:url('/final/images/Light/widgetConfigurationSliderButtonNormal.png') top right no-repeat; height:83px ; -webkit-box-shadow:none; -moz-box-shadow: none; box-shadow: none; } .x-btn-widgetConfigurationSliderButton-small:last-child{ margin: 0 0 0 0; } .x-btn-widgetConfigurationSliderButton-small em button{ display: block; padding: 5px 0 0 5px; background:url('/final/images/Light/widgetConfigurationSliderButtonNormal.png') top left no-repeat; height:83px; line-height: 1px; } /* x-btn x-box-item x-btn-widgetConfigurationSliderButton-small x-noicon x-btn-noicon x-btn-widgetConfigurationSliderButton-small-noicon x-pressed x-btn-pressed x-btn-widgetConfigurationSliderButton-small-pressed */ .x-btn-widgetConfigurationSliderButton-small-over, .x-btn-widgetConfigurationSliderButton-small-pressed{ background:url('/final/images/Light/widgetConfigurationSliderButtonActive.png') top right no-repeat; height:83px ; } .x-btn-widgetConfigurationSliderButton-small-over em button, .x-btn-widgetConfigurationSliderButton-small-pressed em button{ background:url('/final/images/Light/widgetConfigurationSliderButtonActive.png') top left no-repeat; height:83px ; padding: 5px 0 0 5px; } .x-btn-widgetConfigurationSliderButton-small-icon button, .x-btn-widgetConfigurationSliderButton-small-icon a, .x-btn-widgetConfigurationSliderButton-small-icon .x-btn-inner, .x-btn-widgetConfigurationSliderButton-small-noicon button, .x-btn-widgetConfigurationSliderButton-small-noicon a, .x-btn-widgetConfigurationSliderButton-small-noicon .x-btn-inner { height: 16px; line-height: 16px; } .x-btn-widgetConfigurationSliderButton-small .x-btn-inner { font-size: 10px; white-space:normal; } .reportBuilderWidgetCountBox{ width:13px; height:10px; background:#ffffff; border:1px solid #9d9d9d; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; font-size:8px; font-weight: normal; color: #333333; white-space:normal; line-height:1.2em; position:absolute; top:11px; right:1px; } .colorPalletNodgeReporter{ background-image:url("../images/Light/colorPalletNodgeReporter.png"); background-repeat:no-repeat; width:10px; height:5px; position:absolute; top:-5px; left:100px; } /* /J/ #reportdataconfigwindowid .x-field-label-cell { vertical-align: middle; } */ /* *************** Button Medium Blue -- start here ----- */ .x-btn-newButtonMediumBlue-toolbar-medium, .x-btn-newButtonMediumBlue-medium { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; padding: 3px 5px 2px 5px; border-width: 1px; border-style: solid; background-image: none; background-color: #0080b7; border-color: #0080b7; } .x-btn-newButtonMediumBlue-toolbar-medium-over, .x-btn-newButtonMediumBlue-medium-over{ border-color: #02628b; background-color: #0372a2; border-width: 1px; border-style: solid; } .x-btn-newButtonMediumBlue-toolbar button, .x-btn-newButtonMediumBlue-toolbar a, .x-btn-newButtonMediumBlue button, .x-btn-newButtonMediumBlue a { position: relative; } .x-btn-newButtonMediumBlue-toolbar button, .x-btn-newButtonMediumBlue button { width: 100%; display: block; margin: 0; padding: 0; border: 0; background: 0; outline: 0 none; overflow: hidden; vertical-align: bottom; -webkit-appearance: none; } .x-btn-newButtonMediumBlue-toolbar .x-btn-newButtonMediumBlue-toolbar-center .x-btn-inner , .x-btn-newButtonMediumBlue .x-btn-newButtonMediumBlue-center .x-btn-inner { text-align: center; } .x-btn-newButtonMediumBlue-toolbar-medium-icon-text-left .x-btn-inner, .x-btn-newButtonMediumBlue-medium-icon-text-left .x-btn-inner { padding-left: 24px !important; } .x-btn-newButtonMediumBlue-toolbar-medium button, .x-btn-newButtonMediumBlue-toolbar-medium-icon-text-left button, .x-btn-newButtonMediumBlue-toolbar-medium-icon-text-left a, .x-btn-newButtonMediumBlue-medium-icon-text-left button, .x-btn-newButtonMediumBlue-medium-icon-text-left a { height:18px; } .x-btn-newButtonMediumBlue-toolbar-medium .x-btn-inner, .x-btn-newButtonMediumBlue-medium .x-btn-inner { font-size: 12px; font-weight: 600; font-weight:500; color: #fff; background-repeat: no-repeat; padding: 0 5px; } .x-btn-newButtonMediumBlue-toolbar .x-btn-inner .x-btn-newButtonMediumBlue .x-btn-inner { display: block; white-space: nowrap; background-color: transparent; background-repeat: no-repeat; background-position: left center; overflow: hidden; } .x-ie6 .x-btn-newButtonMediumBlue-toolbar-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-newButtonMediumBlue-toolbar-medium-icon-text-left .x-btn-icon, .x-ie6 .x-btn-newButtonMediumBlue-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-newButtonMediumBlue-medium-icon-text-left .x-btn-icon { height: 18px; } .x-btn-newButtonMediumBlue-toolbar button .x-btn-icon, .x-btn-newButtonMediumBlue-toolbar a .x-btn-icon, .x-btn-newButtonMediumBlue button .x-btn-icon, .x-btn-newButtonMediumBlue a .x-btn-icon { position: absolute; background-repeat: no-repeat; } .x-btn-newButtonMediumBlue-toolbar-medium-icon-text-left .x-btn-icon, .x-btn-newButtonMediumBlue-medium-icon-text-left .x-btn-icon { width: 16px; height: auto; top: 1px; left: 3px; margin-right:3px; bottom: 0; right: auto; } /* *************** Button Medium Blue -- end here ----- */ /* *************** Button Medium Gray -- start here ----- */ .x-btn-newButtonMediumGray-toolbar-medium, .x-btn-newButtonMediumGray-medium { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; padding: 3px 5px 2px 5px; border-width: 1px; border-style: solid; background-image: none; background-color: #e5e5e5; border-color: #cdcdcd; } .x-btn-newButtonMediumGray-toolbar-medium-over, .x-btn-newButtonMediumGray-medium-over{ border-color: #cdcdcd; background-color: #d5d5d5; border-width: 1px; border-style: solid; } .x-btn-newButtonMediumGray-toolbar button, .x-btn-newButtonMediumGray-toolbar a, .x-btn-newButtonMediumGray button, .x-btn-newButtonMediumGray a { position: relative; } .x-btn-newButtonMediumGray-toolbar button, .x-btn-newButtonMediumGray button { width: 100%; display: block; margin: 0; padding: 0; border: 0; background: 0; outline: 0 none; overflow: hidden; vertical-align: bottom; -webkit-appearance: none; } .x-btn-newButtonMediumGray-toolbar .x-btn-newButtonMediumGray-toolbar-center .x-btn-inner , .x-btn-newButtonMediumGray .x-btn-newButtonMediumGray-center .x-btn-inner { text-align: center; } .x-btn-newButtonMediumGray-toolbar-medium-icon-text-left .x-btn-inner, .x-btn-newButtonMediumGray-medium-icon-text-left .x-btn-inner { padding-left: 24px !important; } .x-btn-newButtonMediumGray-toolbar-medium button, .x-btn-newButtonMediumGray-toolbar-medium-icon-text-left button, .x-btn-newButtonMediumGray-toolbar-medium-icon-text-left a, .x-btn-newButtonMediumGray-medium-icon-text-left button, .x-btn-newButtonMediumGray-medium-icon-text-left a { height:18px; } .x-btn-newButtonMediumGray-toolbar-medium .x-btn-inner, .x-btn-newButtonMediumGray-medium .x-btn-inner { font-size: 12px; font-weight:500; font-weight:600; color: #333; background-repeat: no-repeat; padding: 0 5px; } .x-btn-newButtonMediumGray-toolbar .x-btn-inner .x-btn-newButtonMediumGray .x-btn-inner { display: block; white-space: nowrap; background-color: transparent; background-repeat: no-repeat; background-position: left center; overflow: hidden; } .x-ie6 .x-btn-newButtonMediumGray-toolbar-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-newButtonMediumGray-toolbar-medium-icon-text-left .x-btn-icon, .x-ie6 .x-btn-newButtonMediumGray-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-newButtonMediumGray-medium-icon-text-left .x-btn-icon { height: 18px; } .x-btn-newButtonMediumGray-toolbar button .x-btn-icon, .x-btn-newButtonMediumGray-toolbar a .x-btn-icon, .x-btn-newButtonMediumGray button .x-btn-icon, .x-btn-newButtonMediumGray a .x-btn-icon { position: absolute; background-repeat: no-repeat; } .x-btn-newButtonMediumGray-toolbar-medium-icon-text-left .x-btn-icon, .x-btn-newButtonMediumGray-medium-icon-text-left .x-btn-icon { width: 16px; height: auto; top: 1px; left: 3px; margin-right:3px; bottom: 0; right: auto; } /* *************** Button Medium Gray -- end here ----- */ /* Report Builder new styles End here */ /*V*//*-- Corrective scripts--*/ table.admin_table { border:1px solid #cdcdcd !important; } table.admin_table tr th { background: #e6e6e6 !important; border: 1px solid #cdcdcd !important; } table.admin_table td { border: 1px solid #cdcdcd !important; } td.admin_last_col{ border-right:1px solid #cdcdcd !important; } /*-- Corrective scripts--*/ .gm-style{ background-color:#fff !important; } /* Bug id 14075 and 14076 - Fixed by feroz and vijay - start here- */ /*--Topology pop up font color --*/ .d3popup .x-table td, .d3popup .x-table td a{ color:#000 !important; } /*-------------topology tooltip height-----------------*/ .tipHeader{ font-size:12px; font-weight:500; width:100% !important; color: #000; float:left } #alarmPopup-body{height:99px !important} /* Bug id 14075 and 14076 - Fixed by feroz and vijay - end here- */ /*----- DESIGN FOR APP FLOW ------*/ /* Styles copied from monitor Rum - Start Here */ .x-panel-eg-panel {} .x-panel-eg-panel.eg-panel-border{/*f*/ border-color: #d2d2d2; border-width: 1px; border-style: solid; } .x-panel-eg-panel.eg-panel-border .x-panel-header {/*f*/ background: #f6f6f6 !important; border-width: 0px 0px 1px 0px !important; border-color: #d2d2d2; padding: 2px 5px 3px 5px; margin:0px; } .x-panel-body-eg-panel { background: #e3e3e5; border-color: #c0c0c0; color: black; border-width: 1px; border-style: solid; } .x-panel-header-eg-panel { font-size: 13px; font-weight:500; border-color: #c0c0c0; border-width: 1px; border-style: solid; background-image: none; background-color: #fffeff; } .x-panel-header-eg-panel-horizontal { padding: 7px 10px 7px;/*F*/ } .x-container-eg-menu { overflow: visible; background: #6c6c6d; z-index: 3; } .x-component-eg-menu-view { height: 100%; color: #fff; font-size: 12px; overflow: hidden; width:58px; /*width:177px;*/ background: #6c6c6d; font-weight:400; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; } .x-component-eg-menu-view:hover{ width:215px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; -webkit-box-shadow: 3px 1px 5px 1px rgba(0, 0, 0, 0.14); -moz-box-shadow: 3px 1px 5px 1px rgba(0, 0, 0, 0.14); box-shadow: 3px 1px 5px 1px rgba(0, 0, 0, 0.14); } .shd { -webkit-box-shadow: 3px 1px 5px 1px rgba(0, 0, 0, 0.14); -moz-box-shadow: 3px 1px 5px 1px rgba(0, 0, 0, 0.14); box-shadow: 3px 1px 5px 1px rgba(0, 0, 0, 0.14); } .x-component-eg-menu-view li.menu-wrap { cursor: pointer; padding: 9px; width: 215px; text-align: left; } .x-component-eg-menu-view li.menu-wrap.x-item-selected { background: #2e2e2e; } .x-component-eg-menu-view li.menu-wrap.eg-menu-view-over { background: #2e2e2e !important; } .x-component-eg-menu-view li.menu-wrap img { vertical-align: middle; margin: 0px 8px; float: left; margin-top:-2px; } .x-component-eg-menu-view li.menu-wrap span { vertical-align: middle; margin: 0px 10px; float: left; color: #fffeff; width: 100px; padding-top: 3px; } .x-component-eg-menu-view li:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } .x-component-appflowmenu-view li.menu-wrap { cursor: pointer; padding: 8px; width: 177px; text-align: left; } .x-component-appflowmenu-view li.menu-wrap.x-item-selected { background: #5c5c5c; } .x-component-appflowmenu-view li.menu-wrap.appflowmenu-over { background: #5c5c5c; } .x-component-appflowmenu-view li.menu-wrap img { vertical-align: middle; margin: 0px 8px; } .x-component-appflowmenu-view li.menu-wrap span { vertical-align: middle; margin: 0px 10px; display:inline-block; color: #fffeff; width: 100px; padding-top: 3px; } .x-component-appflowmenu-view li:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } .x-container-eg-container { background: #ffffff; box-shadow: 0.5px 0.866px 0px 0px rgb( 170, 170, 170); /*box-shadow: 0.5px 0.866px 1px 0px rgb( 100, 100, 100);*/ } .eg-container { background: #ffffff; box-shadow: 0.5px 0.866px 0px 0px rgb( 150, 150, 150); } .x-btn-overviewtoggle-small { position: absolute; right: 0px !important; left: none; z-index: 9; } .x-btn-overviewtoggle-small .x-btn-inner { text-align: center; font-size: 16px; font-weight:500; } /*----------Divider Solid -----------*/ .widgetcon_line { border-right: 1px solid #e5e5e5; } .widgetcon_vline { border-bottom: 1px solid #e5e5e5; } /*----------Divider dotted-----------*/ .widgetcon, div.widgetcon { border-right: 1px dotted #b0b1b2 ; overflow: hidden;/*V*/ } .widgetcon:last-child { border-right: 0px dotted #b0b1b2 !important; } .barRightLine{ border-right:1px inset #fff !important } .widgetholders {padding:0 0 0 0px} /* this is common for all overview widgets*/ .summaryblock, .heatmap_holder { display: inline-block; } .summaryblock { vertical-align: top; margin: 0px 0px 0px 3px; } .summaryblock ul li { display: inline-block; text-align: center; margin: 5px 0px 0px 5px; } .legendLabel { margin-top: 0px; /*--8px-changed by vijay--12/11/2018---*/ } .summaryblock ul li .legend_Frustrated, .summaryblock ul li .legend_Tolerating, .summaryblock ul li .legend_Satisfied { font-size: 9px; } .legend_Frustrated { color: #bf3a29; fill:#bf3a29; } .legend_Tolerated,/*F*/ .legend_Tolerating { color: #f0a039; fill:#f0a039; } .legend_Satisfied { color: #469116; fill:#469116; } .appflow_rum_graph { margin: 8px auto 0px auto; /*--10px-changed by vijay--12/11/2018---*/ } .trim_text { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .errormsg { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding: 2px 6px 3px; white-space: nowrap; color: #f70e0d; } .arrow-up { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #f70e0d; margin-right: 3px; position: relative; top: -8px; } .arrow-down { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #f70e0d; margin-right: 3px; position: relative; top: 9px; } .arrow-right { width: 0; height: 0; border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 4px solid #f70e0d; margin-right: 3px; position: relative; top: -8px; } .arrow-left { width: 0; height: 0; border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-right: 4px solid #f70e0d; margin-right: 3px; position: relative; top: -8px; } /* TO DO -- need to remove eg_appflow_menu_sprite.png - feroz */ .rumappflow_overview, .rumappflow_geooverview, .rumappflow_rtb, .rumappflow_omc, .rumappflow_pv, .rumappflow_error, .rumappflow_usage { background-image: url("/final/images/Light/eg_appflow_menu_sprite.png"); background-position: 0px 0px; background-repeat: no-repeat; height: 24px; width: 24px; } .rumappflow_overview { background-position: 0px 0px; } .rumappflow_geooverview { background-position: 0px -24px; } .rumappflow_rtb { background-position: 0px -48px; } .rumappflow_omc { background-position: 0px -72px; } .rumappflow_pv { background-position: 0px -96px; } .rumappflow_error { background-position: 0px -146px; } .rumappflow_usage { background-position: 0px -122px; } .menu_overview, .menu_geooverview, .menu_rtb, .menu_omc, .menu_pv, .menu_error, .menu_usage, .menu_logon, .menu_uexp, .menu_apps, .menu_resources, .menu_sessions, .menu_alerts1, .menu_topology, .menu_components, .menu_metrics, .menu_systems, .menu_aggregates, .menu_deliverygroup { background-image: url("../images/Light/eg_app_menu_sprite.png"); background-position: 0px 0px; background-repeat: no-repeat; height: 24px; width: 24px; } .menu_overview { background-position: 0px 0px; } .menu_geooverview { background-position: 0px -24px; } .menu_rtb { background-position: 0px -48px; } .menu_omc { background-position: 0px -72px; } .menu_pv { background-position: 0px -96px; } .menu_error { background-position: 0px -146px; } .menu_usage { background-position: 0px -122px; } .menu_logon{ background-position: 0px -168px; } .menu_uexp{ background-position: 0px -192px; } .menu_sessions{ background-position: 0px -216px; } .menu_apps{ background-position: 0px -240px; } .menu_resources{ background-position: 0px -266px; } .menu_alerts1{ background-position: 0px -288px; } .menu_topology{ background-position: 0px -312px; } .menu_components{ background-position: 0px -336px; } .menu_metrics{ background-position: 0px -360px; } .menu_systems{ background-position: 0px -386px; } .menu_aggregates{ background-position: 0px -409px; } .menu_deliverygroup{ background-position: 0px -432px; } /*session state icons----------------------*/ /*open alert icons----------------------*/ .stateIcon_HIGH, .stateIcon_INTERMEDIATE, .stateIcon_GOOD{ background-image: url("../images/Light/eg_app_menu_sprite.png"); height: 25px; width: 37px; background-repeat: no-repeat; } .stateIcon_HIGH{ background-position: -25px -85px; margin-left:-6px; } .stateIcon_INTERMEDIATE{ background-position: -25px -110px; height: 37px !important; } .stateIcon_GOOD{ background-position: -25px -60px; margin-left:-6px; } /*session state icons----------------------*/ /*open alert icons----------------------*/ .alertIcon_User, .alertIcon_App, .alertIcon_Servers, .alertIcon_Others{ background-image: url("../images/Light/eg_app_menu_sprite.png"); height: 25px; width: 37px; background-repeat: no-repeat; } .alertIcon_User{ background-position: -25px -144px; } .alertIcon_App{ background-position: -25px -169px; } .alertIcon_Servers{ background-position: -25px -194px; } .alertIcon_Others{ background-position: -25px -219px; } /*open alert icons----------------------*/ .smileySatisfied_big, .smileyTolerating_big, .smileyFrustrated_big, .smileySatisfied_small, .smileyTolerating_small, .smileyFrustrated_small, .smileySatisfied_medium, .smileyTolerating_medium, .smileyFrustrated_medium, .smileySatisfied_big_medium, .smileyTolerating_big_medium, .smileyFrustrated_big_medium, .mobile_session, .desktop_session, .tab_session, .appflow_device_b_w_desktop, .appflow_device_b_w_mobile, .appflow_device_b_w_tablet, .appflow_device_b_w_enduser, .BROWSER_IE, .BROWSER_Chrome, .BROWSER_Firefox, .appflow_device_user_desktop, .appflow_device_user_mobile, .appflow_device_user_tab, .iconOverviewUsers, .iconCtxOverviewUsers, .iconCtxAppLaunch, .iconCtxInstances, .iconCtxCpu, .iconCtxMemory, .iconCtxIops, .iconCtxXenapp, .iconCtxDeliveryGroup { background-image: url("/final/images/Light/eg_app_menu_sprite.png"); background-position: 0px 0px; background-repeat: no-repeat; } .iconCtxOverviewUsers{ width:24px; height:24px; background-position:-74px -24px !important } .iconCtxAppLaunch{ width:24px; height:24px; background-position:-74px -48px !important } .iconCtxInstances{ width:24px; height:24px; background-position:-74px -72px !important } .iconCtxCpu{ width:24px; height:24px; background-position:-74px -96px !important } .iconCtxMemory{ width:24px; height:24px; background-position:-74px -120px !important } .iconCtxIops{ width:24px; height:24px; background-position:-74px -144px !important } .iconOverviewUsers{ width:24px; height:24px; background-position:-74px 0px !important } .iconCtxXenapp { width:24px; height:24px; background-position:-74px -168px !important } .iconCtxDeliveryGroup { width:24px; height:24px; background-position:-74px -192px !important } div.sessions_legends { text-align: center;/*F*/ } div.sessions_legends img { cursor: pointer;/*F*/ } div.sessions_legends table tr td {/*F*/ padding:3px 0px 3px 6px !important; } div.sessions_legends table tr td.max-col{ max-width: 50px; width:65px; min-width:50px; overflow: hidden; /*text-overflow: ellipsis;*/ white-space: nowrap; padding:3px 0px 3px 0px !important; } .desktop_session { background-position: -24px 0px; width: 16px; height: 16px; } .tab_session { background-position: -24px -17px; width: 16px; height: 16px; } .mobile_session { background-position: -24px -34px; width: 16px; height: 16px; } .appflow_device_b_w_desktop { background-position: -41px 0px !important; } .appflow_device_b_w_mobile { background-position: -41px -34px !important; } .appflow_device_b_w_tablet { background-position: -41px -17px !important; } .appflow_device_b_w_enduser{ background-position: -58px 0px !important; } .smileyFrustrated_big, .smileyTolerating_big, .smileySatisfied_big { width: 32px; height: 32px; } .smileySatisfied_small, .smileyTolerating_small, .smileyFrustrated_small { width: 18px; height: 18px; } .smileySatisfied_medium, .smileyTolerating_medium, .smileyFrustrated_medium { width: 24px; height:24px; } .smileySatisfied_big_medium, .smileyTolerating_big_medium, .smileyFrustrated_big_medium { width: 27px; height:27px; } .appflow_device_user_desktop, .appflow_device_user_mobile, .appflow_device_user_tab{ width:67px; height:60px; background-color: #fff; } .appflow_device_user_tab{ background-position: -176px -230px; } .appflow_device_user_mobile{ background-position: -176px -296px; } .appflow_device_user_desktop{ background-position: -176px -173px } .smileySatisfied_big_medium{ background-position: -213px -145px; } .smileyTolerating_big_medium{ background-position:-185px -145px; } .smileyFrustrated_big_medium{ background-position: -157px -145px; } .smileySatisfied_medium{ background-position: -216px -120px; } .smileyTolerating_medium{ background-position: -188px -120px; } .smileyFrustrated_medium{ background-position: -160px -120px; } .smileySatisfied_small { background-position: -188px -8px; } .smileyTolerating_small { background-position: -188px -42px; } .smileyFrustrated_small { background-position: -188px -74px; } .smileySatisfied_big { background-position: -206px 0px; } .smileyTolerating_big { background-position: -206px -33px; } .smileyFrustrated_big { background-position: -206px -66px; } .BROWSER_IE, .BROWSER_Chrome, .BROWSER_Firefox{ width: 16px; height: 16px; } .BROWSER_IE{ background-position: -171px -8px; } .BROWSER_Chrome{ background-position: -171px -25px; } .BROWSER_Firefox{ background-position: -171px -41px; } /*-----------Margin---------------*/ .d_m_t35 { margin-top: 35px; } .d_m_t30 { margin-top: 30px; } .d_m_l30 { margin-left: 30px; } .d_m_b30 { margin-bottom: 30px; } .d_m_r30 { margin-right: 30px; } .d_m_t25 { margin-top: 25px; } .d_m_l25 { margin-left: 25px; } .d_m_b25 { margin-bottom: 25px; } .d_m_r25 { margin-right: 25px; } .d_m_t20 { margin-top: 20px; } .d_m_t15 { margin-top: 15px; } .d_m_l20 { margin-left: 20px; } .d_m_b20 { margin-bottom: 20px; } .d_m_r20 { margin-right: 20px; } .d_m_t10 { margin-top: 10px; } .d_m_l10 { margin-left: 10px; } .d_m_b10 { margin-bottom: 10px; } .d_m_r10 { margin-right: 10px; } .d_m_t5 { margin-top: 5px; } .d_m_l5 { margin-left: 5px; } .d_m_b5 { margin-bottom: 5px; } .d_m_r5 { margin-right: 5px; } /*-----------------Padding----------*/ .d_p_t20 { padding-top: 20px; } .d_p_l20 { padding-left: 20px; } .d_p_b20 { padding-bottom: 20px; } .d_p_r20 { padding-right: 20px; } .d_p_t10 { padding-top: 10px; } .d_p_l10 { padding-left: 10px; } .d_p_b10 { padding-bottom: 10px; } .s_box { position: relative; height: 30px; top: 0px !important;/*F*/ display: none; } .b_box { position: relative; } .s_box .div_center { position: relative; right: 0; margin: 0px; top: 50%; transform: translate(0%, -50%); } /*--Rum App topology flow--*/ .main_topology_wrap { display: table; /*width:99%;*//*V*/ height: 90%; margin:0px auto; } .widgetcon, .animation_box { -webkit-transition: all 0.s5 ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .main_topology_wrap .sidebar { width:45%; display: table-cell; vertical-align: middle; height: 100%; position: relative; z-index: 2; } .arrow_device.top, .arrow_device.stright, .arrow_device.bottom{ background-image: url('/final/images/Light/rum_app_flow-arrow.png'); background-repeat: no-repeat; position:absolute; width:85%; height:83px; } .arrow_device.selected.top, .arrow_device.selected.stright, .arrow_device.selected.bottom{ background-image: url('/final/images/Light/rum_app_flow-arrow_selection.png'); background-repeat: no-repeat; position:absolute; width:85%; height:83px; } .arrow_device.arw.top { background-position: right -168px; } .arrow_device.bottom { background-position:right 0px; top:0px; right:0px; } .arrow_device.stright { background-position: right -84px;/*F*/ top:0px; bottom:0px; margin:auto; right:0px; } .arrow_device.top { background-position: right -167px;/*F*/ bottom:0px; right:0px; } .main_topology_wrap .content { display: table-cell; width: 100%; vertical-align: middle; height: 70%; position: relative; /*padding-left:20px;*/ } .main_topology_wrap .dotted_circle { height: 184px; width:550px; position: relative; z-index: 3; } .main_topology_wrap .appflow_connections{ background-image: url('/final/images/Light/rum_app_flow_connection.png'); background-position: center center; background-repeat: no-repeat; height: 184px; position: absolute; width:510px; margin:0 auto; left:0px; top:0px; z-index: 4; } /* Reporter rum health report page scope changes designs start here */ .main_topology_wrap .dotted_circle_reporter { height: 184px; width:420px; position: relative; z-index: 3; margin:0px auto; } .main_topology_wrap .appflow_connections_reporter{ background-image: url('/final/images/Light/rum_app_flow_connection_reporter.png'); background-position: center center; background-repeat: no-repeat; height: 184px; position: absolute; width:410px; margin:0 auto; left:0px; top:0px; z-index: 4; } .main_topology_wrap .appflow_connectionsBig_reporter{ background-image: url('/final/images/Light/rum_app_flow_connectionBig_reporter.png'); background-position: center center; background-repeat: no-repeat; height: 184px; position: absolute; width:410px; margin:0 auto; left:0px; top:0px; z-index: 4; } .main_topology_wrap .browser_reporter { width: 114px; height: 92px; position: absolute; margin: auto; position: absolute; top: 0; /*left: -70px;*/ bottom: 0; text-align: center; z-index: 4; background-image: url('/final/images/Light/rum_app_flow-bwr_reporter.png'); background-position: center center; background-repeat: no-repeat; } .main_topology_wrap .browserBig_reporter { width:152px; height:109px; position: absolute; margin: auto; position: absolute; top:8px; left:-10px; bottom: 0; text-align: center; z-index: 4; background-image: url('/final/images/Light/rum_app_flow-bwrBig_reporter.png'); background-position: center center; background-repeat: no-repeat; } .main_topology_wrap .cld_reporter { background-image: url('/final/images/Light/rum_app_flow_cld_reporter.png'); background-position: center center; background-repeat: no-repeat; height: 92px; width: 141px; margin: auto; top: 0px; bottom: 0; position: absolute; right: 0px; text-align: center; } .main_topology_wrap .cldBig_reporter { background-image: url('/final/images/Light/rum_app_flow_cld_reporter.png'); background-position: center center; background-repeat: no-repeat; height: 92px; width: 141px; margin: auto; top: 0px; bottom: 0; position: absolute; right: 20px; text-align: center; } .main_topology_wrap .network_connection_reporter { margin: auto; position: absolute; left:-15px; right: 0; text-align: center; width: 180px; top:-12px; background-position: center center; background-repeat: no-repeat; } .main_topology_wrap .content_download_reporter { margin: auto; position: absolute; bottom: -20px; left: 50px; right: 0; text-align: center; width: 180px; } .main_topology_wrap .content_download_reporter , .main_topology_wrap .network_connection_reporter{ background: transparent; border:transparent 1px solid; border-radius:5px; cursor:pointer; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -ms-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; z-index:5; } .main_topology_wrap .bg_reporter{ background: #f9f9f9 } .main_topology_wrap .bg_cloud_reporter{ background: #fafeff } .main_topology_wrap .bg_bwr_reporter{ background: #ffffff } /* Reporter rum scope changed designs end here */ .main_topology_wrap .rum-app-flow-cricle-arrow-bottom { background-image: url('/final/images/Light/rum_app_flow-cricle-arrow_bottom.png'); background-repeat: no-repeat; background-position: center center; width: 24px; height: 24px; bottom: 0; z-index:5; right: 0%; left: 0%; top: -12px; transform: rotate(27deg); left: 28%; position: absolute; margin:0 auto; } .line-arrow { position: absolute; overflow: hidden; display: inline-block; font-size: 12px; /*set the size for arrow*/ width: 2em; height: 2em; margin-top: -2em; top: 78%; } .line-arrow.left { border-top: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9; transform: rotate(-6deg) skew(-20deg); left: -10px; } .line-arrow.right { border-top: 1px solid #a9a9a9; border-right: 1px solid #a9a9a9; transform: rotate(54deg) skew(20deg); right: 20px; } .uri_remove{ } .main_topology_wrap .sidebar_arc_box { display: table; margin-bottom: 2px; width: 86.5%;/*V*/ position: relative; } .reachout { margin: auto; position: absolute; padding-top:8px; left:0px; right:0px; height: 35px; text-align: center; line-height: 12px; color:#29282a; font-weight:500; } .reachout span:first-child { font-size: 9px; } .reachout span:last-child { font-size: 11px; } .sidebar_arc_box .reachout{ text-align:right; } .sidebar_arc_box.bottom .reachout{ top: 0px; bottom: 0; right: 12.5%; } .sidebar_arc_box.stright .reachout{ bottom: 0; top:0; right: 12.5%; } .sidebar_arc_box.top .reachout{ top: 0; bottom: 0; right: 12.5%; } .sidebar_arc_box.bottom .reachout.top_device_reachout{ top: 50% !important; bottom: 100% !important; } .sidebar_arc_box.top .reachout.bottom_device_reachout{ bottom: 50% !important; top:100%!important; } .reachout.stright_device_reachout.stright_align_center{ top: 0; bottom: 0; left:0 !important; text-align:center; padding-left:25%; } .main_topology_wrap .sidebar_arc_box_art { z-index: 1; } .rum_label_color{ color:#29282a; } .main_topology_wrap .sidebar_arc_box_art.bottom { margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left:0px; } .main_topology_wrap .sidebar_arc_box_art.stright { margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left:0px; } .main_topology_wrap .sidebar_arc_box_art.top { margin: auto; position: absolute; top: 0px; right: 0; bottom: 0; left: 0px; } .main_topology_wrap .sidebar_arc_box_art.stright .reachout div:first-child{ margin-top:10px; } .main_topology_wrap .grp_box{ position: relative; } .main_topology_wrap .arrow_1 .reachout, .main_topology_wrap .arrow_2 .reachout, .main_topology_wrap .arrow_3 .reachout, .main_topology_wrap .arrow_4 .reachout, .main_topology_wrap .arrow_5 .reachout { background: #fff; margin: auto; position: absolute; height: 35px; text-align: center; line-height: 12px; font-weight:500; } .main_topology_wrap .arrow_1 .reachout{ right:0; top:0; } .main_topology_wrap .arrow_2 .reachout{ top: -50px; left: 20px } .main_topology_wrap .arrow_3 .reachout{ top: 0; left: 40px } .main_topology_wrap .arrow_4 .reachout{ bottom: -50px; left: 20px; } .main_topology_wrap .arrow_5 .reachout{ right:0; bottom:0; } .main_topology_wrap .grp_box .arrow_1_box, .main_topology_wrap .grp_box .arrow_2_box, .main_topology_wrap .grp_box .arrow_3_box, .main_topology_wrap .grp_box .arrow_4_box, .main_topology_wrap .grp_box .arrow_5_box { text-align:center; width:100%; display:table; } .main_topology_wrap .arrow_1, .main_topology_wrap .arrow_2, .main_topology_wrap .arrow_3, .main_topology_wrap .arrow_4, .main_topology_wrap .arrow_5{ background-image: url('/final/images/Light/rum_app_flow_url-arrow.png'); background-repeat: no-repeat; width:43%; height:76px; overflow:hidden; position:absolute; } .main_topology_wrap .arrow_1_box .reachout{ top:35px; left:65%; text-align:right; } .main_topology_wrap .arrow_2_box .reachout{ top:10px; left:58%; } .main_topology_wrap .arrow_3_box .reachout{ top:0px; bottom:0px; margin:auto; left:50%; } .main_topology_wrap .arrow_4_box .reachout{ top:-10px; left:58%; } .main_topology_wrap .arrow_5_box .reachout{ top:-35px; left:65%; text-align:right; } .main_topology_wrap .arrow_1{ background-position: right -0px; top: 15px; /*left: 174px;*/ left:62%; margin-top:0px; } .main_topology_wrap .arrow_2{ background-position: right -74px; top: 21px; /*left: 174px;*/ left:62%; } .main_topology_wrap .arrow_3{ background-position: right -149px; top: -20px; /*left: 174px;*/ left:62%; } .main_topology_wrap .arrow_4{ background-position: right -234px;/*F*/ top: -53px; /*left: 174px;*/ left:62%; } .main_topology_wrap .arrow_5{ background-position: right bottom; top: -45px; /*left: 174px;*/ left:62%; margin-bottom:0px; } .main_topology_wrap .grp_box .url_info{ background:#e8e8e8; border:#d3d3d3 1px solid; padding: 5px 5px 0px 5px; /*width:176px;*/ width:61%; } .url_info{ background:#e8e8e8; border:#d3d3d3 1px solid; padding: 5px 5px 5px 5px;/*F*/ /*width:176px;*/ } .urlbox{ /*width:90px;*/ white-space: normal; } .urlstate{ text-align:left; } .main_topology_wrap .grp_box .url_info .urlstate, .main_topology_wrap .grp_box .url_info .urlbox{ /*display:inline-block;*/ } .main_topology_wrap .grp_box .url_info .urlbox{ /*width:165px;*/ text-align:left; } .main_topology_wrap .grp_box .url_info .urlstate .device_time{ font-size:14px; font-weight:500;/*F*/ } .main_topology_wrap .grp_box .url_info .urlstate{ text-align:left; } .main_topology_wrap .browser { width: 185px;/*v*/ height: 129px;/*v*/ position: absolute; margin: auto; position: absolute; top: 20;/*v*/ left: -52px;/*V*/ bottom: 0; text-align: center; z-index: 4; background-image: url('/final/images/Light/rum_app_flow-bwr.png'); background-position: center center; background-repeat: no-repeat; } .main_topology_wrap .cld { background-image: url('/final/images/Light/rum_app_flow_cld.png'); background-position: center center; background-repeat: no-repeat; height: 117px; width: 180px; margin: auto; top: 0px; bottom: 0; position: absolute; right: 20px; text-align: center; z-index:5; } .main_topology_wrap .network_connection { margin: auto; position: absolute; left:-70px; right: 0; text-align: center; width: 180px; top:-20px; background-image: url('/final/images/Light/rum_app_flow_cld.png'); background-position: center center; background-repeat: no-repeat; } .main_topology_wrap .breakup_time{ background:#848484; z-index:9; width:312px; margin: auto; position: absolute; left: -999999px; right: 0; top:-5px; text-align: left; padding: 20px 10px 10px 10px; border-radius: 8px; color:#fff; cursor: default; } .main_topology_wrap .breakup_time.show{ left: -85px !important; } .main_topology_wrap .breakup_time ul li{ border-width:1px 0px; border-color:#9c9c9c #767676 #767676 #9c9c9c; border-style:solid; cursor: pointer; padding:5px 0px 2px 0px; } .main_topology_wrap .breakup_time ul li:first-child{ border-width:0px 0px 1px 0px; } .main_topology_wrap .breakup_time ul li:last-child{ border-width:1px 0px 0px 0px; } .main_topology_wrap .content_download , .main_topology_wrap .network_connection{ background: transparent; border:transparent 1px solid; border-radius:5px; cursor:pointer; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -ms-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; z-index:5; } .main_topology_wrap .content_download.select, .main_topology_wrap .network_connection.select{ background: #fcfcfc; border:#cccccc 1px solid; border-radius:5px; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -ms-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; } .main_topology_wrap .content_download.select .spacing_bg, .main_topology_wrap .network_connection.select .spacing_bg{ background: #fcfcfc; } .main_topology_wrap .select .bg, .main_topology_wrap .select .bg .font_normal31 { background: #fcfcfc; } .main_topology_wrap .content_download .close, .main_topology_wrap .network_connection .close{ display:none; } .main_topology_wrap .content_download.select .close, .main_topology_wrap .network_connection.select .close{ display:block; } .main_topology_wrap .bg, .main_topology_wrap .bg .font_normal31 { background: #fff } /*F Response Time Breakup topology*/ .main_topology_wrap .bg .font_normal31{ line-height:15px; } .bg.spacing_bg{ padding:5px 30px; display:block; } .main_topology_wrap .content_download { margin: auto; position: absolute; bottom: -45px; left: 0; right: 0; text-align: center; width: 180px; } .main_topology_wrap .device_info { width: 64px; height: 60px; z-index: 3; position: absolute; } .main_topology_wrap .device_info.top { margin: auto; position: absolute; bottom: -20px; left: 0; } .main_topology_wrap .device_info.bottom { margin: auto; position: absolute; top: -20px; left: 0; } .main_topology_wrap .device_info.stright { margin: auto; position: absolute; bottom: 0; top: 0; left: 0; } .device_time { color: #000;/*F*/ font-size: 20px; } .device_time span { font-size: 16px; } .main_topology_wrap .center { margin: auto; position: absolute; bottom: 0; top: 0; left: 0; right: 0; } .appflow_device_desktop, .appflow_device_tab, .appflow_device_mobile, .code_img, .topo_search, .topo_breakupddicon, .nwt_connection_img { background-image: url('/final/images/Light/rumtopology_sprite.png'); background-position: 0px 0px; background-repeat: no-repeat; z-index: 3; } .topo_breakupddicon{ width: 16px; height: 16px; background-position: -155px -183px; } .topo_search{ width: 16px; height: 16px; background-position: -108px -183px; } .nwt_connection_img { width: 32px; height: 32px; background-position: -133px -39px; } .code_img { width: 32px; height: 32px; background-position: -133px -71px; } .appflow_device_mobile { background-position: -934px -130px; } .appflow_device_desktop { background-position: -938px 0px; } .appflow_device_tab { background-position: -934px -65px } .uri_holder{ margin:-22px 0px; } #expanded .uri_holder{ margin:30px 0px; } .uribox{ display:inline-block; background:#e6e6e6; border: 1px solid #d1d1d1; width:113px; height:19px; padding:0px 5px; line-height:19px; overflow:hidden; position:relative; margin-right:5px; } .uribox img{ float:right; width:8px; height:8px; margin-top:5px; cursor:pointer; } .uribox span{ float:left; width:85px; margin-right:5px; overflow:hidden; } .uribox:hover, .uribox:hover span{ /*width:auto;*/ } .f14-bold.header{/*F*/ color:#fff; } /*--end of Rum App flow topology--*/ .x-component-response-block{ border:#dfdede 1px solid; background:#ffffff; } .x-component-response-block .header{ background:#f2f2f2; border-bottom:#dfdede 1px solid; padding:10px 10px; } .x-component-response-block .networklist{ margin:10px 10px 10px;/*F*/ } .x-component-response-block .networklist li{ border-color:#dfdede; border-width:0px 0px 1px 0px; border-style:solid; height:21px; line-height:21px; position:relative; } .x-component-response-block .networklist li:last-child, .x-component-response-block .networklist li:first-child{ height:23px; line-height:23px; } .x-component-response-block .networklist li div{ display:inline-block; } .x-component-response-block .networklist li:first-child{ border-width:0px 0px 1px 0px; } .x-component-response-block .networklist li:last-child{ border-width:0px 0px 0px 0px; } /*--new panel --*/ .x-panel-eg-x-panel{ background: #ffffff; box-shadow: 0.5px 0.866px 0px 0px rgb( 170, 170, 170); /* box-shadow: 0.5px 0.866px 1px 0px rgba( 0, 0, 0, 0.60);*/ } .removePanelShadow{ box-shadow: 0px 0px 0px 0px rgba( 0, 0, 0, 0.60); } /*--new panel -- Need to check which box shadow is correct .x-panel-eg-x-panel{ background: #ffffff; box-shadow: 0.5px 0.866px 1px 0px rgb( 0, 0, 0); } */ /* Animation :)*/ .x-panel-eg-x-panel .highcharts-container{ -webkit-transition: all 0.s5 ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .x-panel-eg-x-panel .x-panel-header-eg-x-panel{ padding: 10px 10px 10px 10px; } #multBarIns_Des-body .x-panel-eg-x-panel .x-panel-header-eg-x-panel, #multBarIns_Ser-body .x-panel-eg-x-panel .x-panel-header-eg-x-panel, #multBarIns_user-body .x-panel-eg-x-panel .x-panel-header-eg-x-panel, #res_user_header_id-body .x-panel-eg-x-panel .x-panel-header-eg-x-panel, #res_app_header_id-body .x-panel-eg-x-panel .x-panel-header-eg-x-panel, #multBarIns_server-body .x-panel-eg-x-panel .x-panel-header-eg-x-panel{ padding: 0px 10px 10px 0px; } .x-panel-x-plain-panel .x-panel-header-text-container, .x-panel-eg-x-panel .x-panel-header-text-container{ font-weight:500; } .x-panel-header-text-x-plain-panel , .x-panel-header-text-eg-x-panel { font-size: 15px; line-height: 17px; } .x-panel-header-text-eg-x-panel .subheading{/*F*/ font-weight:400; } #multBarIns_Des-body .x-panel-header-text-eg-x-panel, #multBarIns_Ser-body .x-panel-header-text-eg-x-panel, #multBarIns_user-body .x-panel-header-text-eg-x-panel, #res_app_header_id-body .x-panel-header-text-eg-x-panel, #res_server_header_id-body .x-panel-header-text-eg-x-panel{ font-size: 13px !important; } .x-panel-eg-accordion-panel .x-accordion-body .x-panel-header-text-x-plain-panel, .x-panel-header-text-eg-x-panel{ font-size: 15px; line-height: 17px; } /*--end new panel --*/ .gridHeader .x-column-header-inner .x-column-header-text { white-space: normal !important; } .gridHeader tbody td.x-grid-cell{ white-space: normal !important; } .gridHeader tbody td.x-grid-cell div.x-grid-cell-inner .wrap-text { white-space:normal !important; word-break: break-all; } .gridHeader tbody tr.x-grid-group-hd td.x-grid-cell div.x-grid-cell-inner { float: none; } /*---Panel header label-------------------*/ .x-container-text-container .x-container-text{ font-size:13px !important; font-weight:500; line-height:11px !important; text-transform:uppercase } /*--window new --*/ .x-window-body-eg-new-window, .x-window-eg-new-window{ background:#ffffff; border-width:0; } .x-window-body-eg-new-window{ border-width:0px; border-style:solid; border-color:#e3e3e3; } .x-window-header-body-eg-new-window{ padding:10px 10px 10px 10px; } .x-window-header-body-eg-new-window .x-window-header-text-eg-new-window{ font-size: 14px; } .x-window-eg-new-window .x-tool img.x-tool-close, .x-window-eg-new-window .x-tool img.x-tool-over .x-tool-close { overflow: hidden; width: 15px; height: 15px; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background-image: url("../images/Light/window_close.png") !important; margin: 0px; background-position: 0px 0px; right: 4px; } /*-- URI grid --*/ .x-panel-gridURI{ border-width:1px; border-style:solid; border-color:#e3e3e3; } .x-panel-body-gridURI .x-grid-row.gridURI-over td{ /*background-color: #c1ddf1;*/ } .x-panel-body-gridURI .x-grid-row td{ background-color: #fff; cursor:pointer; } .x-panel-body-gridURI .x-grid-row:hover td{ background-color:#c1ddf1; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -ms-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; } .x-panel-body-gridURI .x-grid-row .x-grid-cell { font-size: 12px; } .x-panel-body-gridURI .x-grid-row .x-grid-cell { color: null; font: normal 12px/12px; background-color: white; border-color: #fff; border-style: solid; border-top-color: #fafafa; border-width: 0; } .x-panel-body-gridURI .x-grid-row.x-grid-row-selected td.x-grid-cell{} .x-panel-header-gridURI{ border-style: solid; border-color: #e3e3e3; border-width: 0px 0px 1px 0px; background:#f3f3f3; } .x-panel-header-gridURI.x-docked-noborder-left { border-left-width: 0!important; } .x-panel-header-gridURI.x-docked-noborder-right { border-right-width: 0!important; } .x-panel-header-gridURI.x-docked-noborder-top { border-top-width: 0!important; } .x-panel-header-gridURI.x-docked-top { border-bottom-width: 1!important; } .x-panel-body-gridURI .x-grid-row-selected .x-grid-cell .x-grid-cell-inner{ color: null; font: normal 12px/15px; background-color: #c1ddf1; border-style: solid; border-color: #99bed8; border-width:0px 0px 0px 0px; } .x-panel-body-gridURI .x-grid-cell .x-grid-cell-inner{ padding:2px 10px ; border-style: solid; border-color: #fff; border-width: 0px 0px 0px 0px ; } .x-grid-header-hidden .x-panel-body-gridURI.x-grid-body { border-top-color: #fff!important; } .x-panel-body-gridURI { background: white; border-color: #ffffff!important; border-style: solid; border-width: 1px; border-top-color: #ffffff!important; } /*-- URI grid end --*/ /*--window new end --*/ .x-field-triggerbox-toolbar, .x-field-triggerbox{ } .x-field-triggerbox-toolbar .x-form-text, .x-field-triggerbox .x-form-text{ border-width:1px 0px 1px 1px; padding-left: 6px; padding-bottom: 1px; height: 21px !important;/*F*/ } .x-field-triggerbox-toolbar .x-form-trigger, .x-field-triggerbox .x-form-trigger{ background: url("../images/Light/combo_expander.png") no-repeat scroll 3px 3px #fff;/*F*/ border-color: #abb2bd; border-style: solid; border-width: 1px 1px 1px 0px; height: 21px !important;/*F*/ } /*--toggle buttons in piechart panel*/ .x-container-chart-controllers{ } .x-container-chart-controllers .x-btn { background:none; background-image:none; border-width:0px !important; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .x-container-chart-controllers .x-btn-default-small-disabled .x-btn-inner{ color:#2d2d2d !important; } .x-container-chart-controllers .x-btn.x-btn-pressed{ background:#e6e6e6; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } .x-container-chart-controllers .x-btn .x-btn-inner{ font-size:12px; line-height: 18px; } .x-container-chart-controllers .x-menu-item-separator { height: 21px; background-color: #e6e6e6; width:1px; margin: 0px 0px 0px -1px; overflow: hidden; } .x-window-geoHeader.x-layer{ z-index:2 !important; } .b_label{ font-size: 16px; font-weight:500; text-shadow: -1px -1px 5px rgba(255, 255, 255, 1); } .big_infoIcon{ background-image: url('/final/images/Light/big_info.png'); background-position: 0px 0px; background-repeat: no-repeat; } .x-btn-default-small.infobutton { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; padding: 2px 2px 2px 2px; border-width: 0px; border-style: solid; background-image: none; background-color: transparent; border-color: transparent; } .mapdetail_chart{ height:4px; background:#ecedef } .mapdetail_chart .highcharts-container{ top: -2px; } /*accordion--------start here-----------*/ .x-panel-eg-accordion-panel .x-accordion-hd{ background:#fff !important; border-bottom-color:#fff; } .x-panel-eg-accordion-panel .x-accordion-hd{ background:#fff !important; border-bottom-color:#fff; border-top-color:#fff !important; padding:15px; } .x-panel-eg-accordion-panel .x-accordion-hd .x-panel-header-text{ font-weight:500; font-size:14px; padding-left:20px; top: 0px; position: relative; } .x-panel-eg-accordion-panel .x-accordion-item{ margin:0 8 15 0 !important; box-shadow: 0.5px 0.866px 0px 0px rgb( 170, 170, 170); } .x-panel-eg-accordion-panel .x-panel-header-horizontal .x-tool { left:0px !important; top:1px !important } .x-panel-eg-accordion-panel .x-panel-collapsed{ box-shadow:0.5px 0.866px 0px 0px rgb( 170, 170, 170); } .x-panel-eg-accordion-panel .x-accordion-body{ background:#fff !important } /*accordion--------end here-----------*/ .grayColor{ color:#959595; } /* this class has been repeated - so that hide here .chartminmax{ background:#f1f1f1; border-radius:10px; } */ .chartminmax div.legendDivider{ border-right:1px solid #d9d9d9 } .chartminmaxLeft{ background:#f1f1f1; border-radius:25px 0 0 25px; } .chartminmaxRight{ background:#f1f1f1; border-radius:0 25px 25px 0; } .widgetholders h3 { font-size: 36px!important; font-family: "Arial Rounded MT Bold","Helvetica Rounded"; margin-top: -31px; margin-right: 6px!important; margin-left:10px; width:6px; height:6px; } .widgetholders .font_bold14{font-weight:500;font-size:14px;} .widgetholders .font_bold28{font-weight:500;font-size:28px;} .sessions_state td.session_value{ padding:25px 10px 25px 10px; font-weight:500; text-align:center } .sessions_state td.session_label{ padding:25px 10px 25px 10px; } /*--plain grid --*/ .x-panel-plainGrid{ } .x-panel-plainGrid .x-panel-header-plainGrid{ border-bottom:#c9cdd0 1px solid; margin:0px 0px 10px 0px; } .x-panel-plainGrid .x-panel-header-plainGrid.x-horizontal *{ overflow:visible; white-space: normal; } .x-panel-plainGrid .x-panel-header-plainGrid.x-docked-top{ border-bottom-width: 1px !important; } .x-panel-plainGrid .x-panel-header-body-plainGrid{ /*padding: 5px 0px;*//*F*/ } .x-panel-plainGrid .x-panel-header-body-plainGrid .x-panel-header-text-container{ overflow: visible; -o-text-overflow: none; text-overflow: none; word-wrap: break-word; padding: 0x 0px; } .x-panel-plainGrid .x-column-header{ padding: 0; position: absolute; overflow: hidden; border-right: 0px solid #c5c5c5; border-left: 0 none; border-top: 0 none; border-bottom: 0 none; text-shadow: 0 1px 0 rgba(255,255,255,0.3); color: null; font: normal 11px; border-width: 0px !important; background-image: none; background-color: none; background-color: transparent; } .x-column-header-over{ border-width: 0px !important; background-image: none; background-color: none; background-color: transparent; /*cursor: pointer;*/ } .x-panel-plainGrid .x-grid-header-ct { cursor: default; zoom: 1; padding: 0; border: 0px solid #99bce8; border-color: transparent; border-width: 0px; border-style: solid; background:transparent; background-image: none; } .x-panel-plainGrid .x-grid-row-selected .x-grid-cell, .x-panel-plainGrid .x-grid-row-selected .x-grid-rowwrap-div { border-style: none; border-color: transparent; background-color: transparent !important; } .x-panel-plainGrid .x-panel-header-plainGrid.x-panel-header-default { border-color: transparent; border-width:0px; border-style: solid; background:transparent; background-image: none; } .x-panel-plainGrid .x-panel-header-text-plainGrid { font-size: 21px; } .x-panel-plainGrid .x-column-header .x-column-header-text { padding-right: 10px; font-size:9px; color:#808080;/*F*/ font-weight:500;/*F*/ background: no-repeat right 0px; background-image: url('/final/images/Light/plain_grid_sort.png');/*F*/ } .x-panel-plainGrid .x-column-header.x-column-header-sort-DESC .x-column-header-text { padding-right: 10px; background: no-repeat right 0px; background-image: url('/final/images/Light/plain_grid_sort_dsc.png'); } .x-panel-plainGrid .x-column-header.x-column-header-sort-ASC .x-column-header-text { padding-right: 10px; background: no-repeat right 0px; background-image: url('/final/images/Light/plain_grid_sort_asc.png'); } .x-panel-plainGrid .x-panel-body-plainGrid.x-grid-body{ background:transparent; background-image: none; border:none /*----remove unwanted border - 20-6-2016 vijay*/ } .x-panel-plainGrid .x-panel-body-plainGrid .x-grid-row .x-grid-cell, .x-panel-plainGrid .x-panel-body-plainGrid .x-grid-row-alt, .x-panel-plainGrid .x-panel-body-plainGrid .x-grid-row-alt .x-grid-cell, .x-panel-plainGrid .x-panel-body-plainGrid .x-grid-row-alt .x-grid-rowwrap-div { background:transparent; border-width:0px; } .x-panel-plainGrid .x-panel-body-plainGrid .x-grid-row .x-grid-cell.x-grid-cell-first{ font-size: 21px; } .x-panel-plainGrid .x-panel-body-plainGrid .x-grid-row .x-grid-cell.x-grid-cell-last{ font-size: 16px;/*F*/ padding: 2px 0px 0px 0px !important; } .x-panel-plainGrid .x-panel-body-plainGrid .x-grid-row .x-grid-cell .x-grid-cell-inner{ overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding: 5px 5px 5px 5px; white-space: nowrap; } .plainGrid-body-cls{ font-size: 12px; margin:0px 0px 0px 0px; } .plainGrid-body-cls .x-grid-rowbody{ margin:5px 5px 20px 5px; } .t_b{} .t_b .t_h{ font-weight:500;font-size:11px;} .t_b ol{margin:5px 0px 0px 12px; list-style: disc !important;} .t_b ol li{list-style: disc !important;list-style-position: inside;} /*--end plain grid --*/ /*--big grid--*/ .x-panel-x-big-grid{} .x-panel-x-big-grid.x-big-grid-border{ } .x-panel-x-big-grid .x-grid-body { background: white; border-color: #e1e1e1; border-style: solid; border-width: 1px !important; border-top-color: #e1e1e1; } .x-panel-x-big-grid .x-grid-header-ct { cursor: default; zoom: 1; padding: 0; border: 0px solid #e7e7e7; border-bottom-color:none; background-image: none; background-color: #ededed; } .x-panel-x-big-grid .x-column-header { padding: 0; position: absolute; overflow: hidden; border-right: 1px solid #e1e1e1; border-left: 0 none; border-top: 0 none; border-bottom: 0 none; text-shadow: none; color: null; background-image: none; background-color: #ededed; } .x-panel-x-big-grid .x-column-header.x-column-header-last{ border-right: 1px solid #ededed !important; } .x-panel-x-big-grid .x-column-header-inner { zoom: 1; position: relative; white-space: nowrap; line-height: 15px; padding: 8px 10px 8px; } .x-panel-x-big-grid .x-grid-table{ } .x-panel-x-big-grid .x-column-header-inner .x-column-header-text { white-space: nowrap; font-size:13px; font-weight:500; line-height:16px; text-shadow:none; display : block; overflow : hidden; text-overflow : ellipsis; } .x-panel-x-big-grid .x-grid-row .x-grid-cell{ vertical-align:middle } .x-panel-x-big-grid .x-grid-cell-inner { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding: 5px 10px 5px 10px; white-space: nowrap; } .x-panel-x-big-grid .x-grid-row .x-grid-cell { color: null; border-color: #e1e1e1; border-style: solid; border-top-color: #e1e1e1; border-width: 0px 1px 1px 0px; } .x-panel-x-big-grid .x-grid-row .x-grid-cell.x-grid-cell-last{ border-width: 0px 0px 1px 0px !important; } .x-panel-x-big-grid .x-grid-row-selected .x-grid-cell, .x-panel-x-big-grid .x-grid-row-selected .x-grid-rowwrap-div { border-style: solid; border-color: #e1e1e1; background: none !important; } .x-panel-x-big-grid .x-grid-row td{ cursor:pointer; } .x-panel-x-big-grid .x-grid-row.x-grid-cell, .x-panel-x-big-grid .x-grid-row .x-grid-rowwrap-div { background-color:#ffffff; } .x-panel-x-big-grid .x-grid-row-alt .x-grid-cell, .x-panel-x-big-grid .x-grid-row-alt .x-grid-rowwrap-div { background-color:#f9f9f9; } .x-panel-x-big-grid .x-grid-row:hover td.x-grid-cell, .x-panel-x-big-grid .x-grid-row:hover td.x-grid-rowwrap-div { background: #e2eff8 !important;/*V*/ -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -ms-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; } .ul_userexp.border{/*F*/ border-width:0px 1px 1px 1px; border-style:solid; border-color:#d3d3d3; margin-bottom:5px; } .ul_userexp li{ display:inline-block; text-align:center; margin-right:10px; } .ul_userexp.border li {/*F*/ margin: 3px; } /*--big grid--*/ /*--label--*/ .triggerbox .big_font_label, .x-field-triggerbox-toolbar .big_font_label, .dropdown .big_font_label{ font-size: 16px; font-weight:500; } .labelCls{ font-weight:500; font-size:12px; } .labelRobotoboldCls{ font-weight:500; } .labelRobotonormalCls{ font-family:inherit; } /* ext js issue radio grp */ .grp_right_label .x-form-radio-group .x-form-item-body input, .grp_right_label .x-form-radio-group .x-form-item-body x-form-cb-label { float:right } .grp_right_label .x-form-radio-group .x-form-item-body .x-form-cb-label-after{ line-height: 16px; margin-right: 0px; margin-left: 0px; } .x-component-boxCls{ text-align:center; } .x-component-boxCls{ background: no-repeat center 0px; background-image: url('/final/images/Light/pageview_arrow_center.png'); } .x-component-boxCls:first-child{ background: no-repeat center 0px; background-image: url('/final/images/Light/pageview_arrow_left.png'); } .x-component-boxCls:last-child{ background: no-repeat center 0px; background-image: url('/final/images/Light/pageview_arrow_right.png'); } .x-component-boxCls .highcharts-container{ background:transparent; border:transparent 2px solid; border-radius:5px; margin-top:5px; } .selectBoxhover .highcharts-container{ background:#fcfcfc; border:#cccccc 2px solid; border-radius:5px; margin-top:5px; } .selectBox .highcharts-container{ background:#fcfcfc; border:#cccccc 2px solid; border-radius:5px; margin-top:5px; } .url_hit{ background:url('/final/images/Light/hit_arrow.png') no-repeat left center; padding:5px 30px 0 30px; height:50px; line-height:50px; } .url_hit span{ vertical-align:middle; } .data_center{ width:150px; height:150px; margin: 0px auto; border-radius:130px; background:#fff; position:absolute; text-align:center; cursor:pointer; top:19%; left:0; right:0; bottom:0; } .donut_center{ position:absolute; text-align:center; height:30%; width:50%; color:#969696; z-index:0; } .font_r_l_20{font-size:20px;} .font_r_l_30{font-size:30px;} .font_r_b_40{font-weight:500;font-size:40px;} .font_r_b_30{font-weight:500;font-size:30px;} /*--graybox--*/ .x-panel-graybox{ border:#e2e2e2 1px solid; background: #f9f9f9; } .x-panel-graybox.noborder{ border:#e2e2e2 0px solid !important; } .x-panel-graybox .x-panel-header-graybox { padding: 20px 10px 10px; } .x-panel-header-text-graybox{ font-size:15px; } /*--x-panel-fancyTab--*/ .x-panel-fancyTab{} .x-panel-header-fancyTab{ padding: 10px 10px 10px; } .x-panel-header-fancyTab .x-panel-header-text-container{ font-size:15px; } .x-panel-fancyTab .x-tab-bar-body { border-style: solid; border-color: #ffffff; background: transparent; border-width:0px; position: relative; zoom: 1; overflow:visible; } .x-panel-fancyTab .x-tab{ width:247px; border-color: #e2e2e2; border-style: solid; border-width: 1px 0px 0px 1px !important; left:10px !important; height:57px !important; } .x-panel-fancyTab .x-tab button { background: 0; border: 0; padding: 0 0 0 0px; margin: 0; -webkit-appearance: none; font-size: 12px; color: #000; outline: 0 none; font-weight:500; overflow-x: visible; } .x-panel-fancyTab .x-tab:first-child{ border-width: 1px 0px 0px 1px !important; } .x-panel-fancyTab .x-tab:last-child{ border-width: 1px 0px 1px 1px !important; } .x-panel-fancyTab .xtab:last-child .active{/*F*/ webkit-box-shadow:-1px -5px 3px -3px rgba(226,226,226,1)!important; -moz-box-shadow:-1px -5px 3px -3px rgba(226,226,226,1)!important; box-shadow: -1px -5px 3px -3px rgba(226,226,226,1)!important; } .x-panel-fancyTab .x-vertical-box-overflow-body{ overflow:visible; } .x-panel-fancyTab .x-tab.x-active{ border-color: #e2e2e2; left:3px !important; width:255px; background: #f9f9f9; -webkit-box-shadow: -1px 7px 8px -3px rgba(226,226,226,1); -moz-box-shadow: -1px 7px 8px -3px rgba(226,226,226,1); box-shadow: -1px 7px 8px -3px rgba(226,226,226,1); } .x-panel-fancyTab .x-tab.x-active button{ padding: 0 0 0 0px; } .x-panel-fancyTab .x-tab .fancy_tab_title{ height:56px !important; line-height:56px; width:220px; padding: 0 0 0 14px; text-align:left; } .x-panel-fancyTab .x-tab.x-active .fancy_tab_title{ height:56px !important; line-height:56px; width:220px; padding: 0 0 0 21px; } .x-panel-fancyTab .x-tab.x-active .value{ position:absolute; right:-7px !important; } .x-panel-body-fancyTab{ border-color: #e2e2e2; border-style: solid; border-width:1px; background: #f9f9f9; margin-left: 0px; -webkit-box-shadow: -7px 0px 8px -3px rgba(226,226,226,1); -moz-box-shadow: -7px 0px 8px -3px rgba(226,226,226,1); box-shadow: -7px 0px 8px -3px rgba(226,226,226,1); } .x-panel-fancyTab .x-tab-bar-left{ left:1px !important;/*F*/ background: none;/*F*/ background-image:none;/*F*/ } /*V*/ /*------Citrix Dashboard -Specific Styles-start-27/6/2019 -----*/ #sesionCompletedId1_id .x-docked{ background:none !important; /*border:none !important*//*V*/ border:1px solid #cdcdcd;/*V*/ } #sesionCompletedId1_id .x-panel-header-text-default{ font-weight:500; font-size:13px; } #sesionCompletedId1_id .x-panel-header-horizontal{ padding: 0px 0px 4px 0px; border-top:0px solid #cdcdcd;/*V*/ border-left:0px solid #cdcdcd;/*V*/ border-right:0px solid #cdcdcd/*V*/ } #renderSessionsLoggingGrid_Id_header .x-panel-header-text-default{ font-weight:500; font-size:13px; } #renderSessionsLoggingGrid_Id_header .x-panel-header-horizontal{ padding: 0px 0px 4px -2px; } #sesionCompletedId1_id .x-grid-view{ overflow-x:hidden !important } #renderSessionsLoggingGrid_Id .x-docked{ background:none !important; /*border:none !important;*//*V*/ border:1px solid #cdcdcd;/*V*/ padding: 0px 0px 4px 0px;/*V*/ } #renderSessionsLoggingGrid_Id .x-panel-header-horizontal{/*V*/ border-top:0px solid #cdcdcd; border-left:0px solid #cdcdcd; border-right:0px solid #cdcdcd } #renderSessionsLoggingGrid_Id .x-panel-header-text-default{ color:inherit; } #renderSessionsLoggingGrid_Id .x-grid-view{ overflow-x:hidden !important; } /*V*//*------Citrix Dashboard -Specific Styles--end 27/6/2019--------*/ /*-----end of DESIGN FOR APP FLOW ------*/ .grayColor{ color:#959595; } .chartminmax{ background:#f1f1f1; border-radius:6px; border:1px solid #dbdbdb; } /* new grid panel styles created by Feroz */ .x-panel-eg-grid-skin{ border-color: #cdcdcd !important; } .x-panel-eg-grid-skin .x-column-header { padding: 0; position: absolute; overflow: hidden; border-right: 1px solid #cdcdcd; border-left: 0 none; border-top: 0 none; border-bottom: 0 none; color: null; font-size: 11px; background-image: none; background-color: #e6e6e6; text-shadow: none; text-transform: uppercase; } .x-panel-eg-grid-skin .x-column-header.x-column-header-last{ border-right: 0px solid #cdcdcd !important; } .x-panel-eg-grid-skin .x-column-header-over{ background:#e6e6e6; } .x-panel-eg-grid-skin .x-grid-header-ct { cursor: default; zoom: 1; padding: 0; border: 1px solid #cdcdcd; border-bottom-color: #cdcdcd; background-image: none; background-color:#e6e6e6; } .x-panel-eg-grid-skin .x-panel .x-grid-body { background: white; border-color: #99bce8; border-style: solid; border-width: 1px; border-top-color: #e6e6e6; } .x-panel-eg-grid-skin .x-column-header-inner { zoom: 1; position: relative; white-space: nowrap; line-height: 15px; padding: 7px 10px 7px 10px; } .x-panel-eg-grid-skin .x-column-header-inner .x-column-header-text { white-space: nowrap; padding: 0px 0px 0 0; } .x-panel-eg-grid-skin .x-grid-row-alt .x-grid-cell, .x-panel-eg-grid-skin, .x-grid-row-alt .x-grid-rowwrap-div { background-color:#f9f9f9; } .x-panel-eg-grid-skin .x-column-header-inner .x-column-header-text, .x-panel-eg-grid-skin .x-column-header-inner { white-space: normal; } .x-panel-eg-grid-skin .x-column-header-inner { top: 0%; bottom:0; } .x-panel-eg-grid-skin .x-grid-cell-inner {/*F*/ line-height:20px !important;/*F*/ } .x-panel-eg-grid-skin .x-grid-row-over .x-grid-cell, .x-panel-eg-grid-skin .x-grid-row-over .x-grid-rowwarp-div{ background-color: #e2eff8; } .x-panel-eg-grid-skin .x-column-header-over .x-column-header-trigger, .x-panel-eg-grid-skin .x-column-header-open .x-column-header-trigger { display:none !important; } .x-panel-eg-grid-skin .x-grid-row-selected .x-grid-cell, .x-panel-eg-grid-skin .x-grid-row-selected .x-grid-rowwrap-div { border-style: solid; border-color: #cdcdcd; background-color: #e2eff8 !important; } .x-panel-eg-grid-skin .x-grid-row .x-grid-cell { color: null; font: normal 11px/15px; vertical-align:middle; border-color:#cdcdcd; border-style: solid; border-top-color: #cdcdcd; border-width: 0px 0px 1px; } .x-panel-eg-grid-skin .x-grid-row:last-child .x-grid-cell { border-color:#cdcdcd; border-style: solid; border-top-color: #cdcdcd; border-width: 0px 0px 1px; } .x-panel-eg-grid-skin .x-grid-with-row-lines .x-grid-cell { border-width: 1px 0; } .x-panel-eg-grid-skin .x-grid-body { border-width: 1px 0px 0px 0px!important; } .x-panel-eg-grid-skin .x-grid-with-row-lines .x-grid-cell-inner { line-height: 13px; padding-bottom: 0px; } .x-panel-eg-grid-skin .x-grid-row .x-grid-cell { font-size: 12px; } .x-panel-eg-grid-skin .x-grid-cell-inner { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding: 3px 6px 2px; white-space: nowrap; line-height:13px; } .x-panel-eg-grid-skin .x-grid-with-row-lines .x-grid-cell-inner{ padding: 0; } .x-panel-eg-grid-skin .x-column-header-sort-ASC .x-column-header-text { padding-right: 10px; background-repeat: no-repeat; background-position: right center; background-image: url('../images/Light/grid_sort_top.png'); } .x-panel-eg-grid-skin .x-column-header-sort-DESC .x-column-header-text{ background-image: url('../images/Light/grid_sort_down.png'); background-repeat: no-repeat; background-position: right center; padding-right: 10px; } /*--highchart donut--*/ .highChartbody .highcharts-title { fill: #969696 !important; color:#969696 !important; text-align: center; } .highChartbody .highcharts-subtitle { font-size: 11px; fill: #969696 !important; color:#969696; } /*--highchart donut--*/ [href^="http://maps.google.com/maps"]{display:none !important} a[href^="https://maps.google.com/maps"]{display:none !important} .gmnoprint a, .gmnoprint span, .gm-style-cc { display:none; } .gmnoprint div { background:none !important; box-shadow: none !important; border-radius: 0px !important; } .gmap_control{ position:absolute; top:-5px; left:-10px; } .gmap_control .zoombt{ width:19px; height:20px; font-weight:500; font-size:14px; line-height:20px; background:#4f5567; text-align:center; color:#fdfdfe; margin:10px ; user-select: none; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; border-radius:2px; cursor: pointer; } .gmap_control .zoombt span{ visibility: hidden; } .gmap_control .zoombt.zoomout, .gmap_control .zoombt.zoomin{ background-image: url('../images/Light/google_zoom_btn_images.png'); background-repeat: no-repeat; } .geomap_filter_menu{ background-image: url('../images/Light/geomap_filter_menu.png'); background-repeat: no-repeat; background-position: 0px 0px; height:12px; width:12px; } .gmap_control .zoombt.zoomout{ background-position: 6px 5px; } .gmap_control .zoombt.zoomin{ background-position: 6px -19px; } .geomap_filter_menu{ background-image: url('../images/Light/geomap_filter_menu.png'); background-repeat: no-repeat; background-position: 0px 0px; height:12px; width:12px; } .geopan-border, .geopan .x-panel-body{ border-top:#b0b1b2 1px solid; } .gmap_filters{ line-height: 3px; position:absolute; bottom:-10px; left:-10px; height:24px; width:26px; border-radius:0px; font-size:25px; background:#4f5567; text-align:center; color:#fdfdfe; margin:10px ; user-select: none; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; cursor: pointer; } .gmap_filters span{ display: inline-block; margin-top: 8px; } .filter_menu{ position:absolute; bottom:0px; left:26px; background:#4f5567; } /*---state check box --*/ .x-field-tickNormalChk .x-form-checkbox, .x-field-tickUnknownChk .x-form-checkbox, .x-field-tickMinorChk .x-form-checkbox, .x-field-tickMajorChk .x-form-checkbox, .x-field-tickCriticalChk .x-form-checkbox, .x-field-tickDefaultChk .x-form-checkbox, .fliter_responce_icon, .fliter_requests_icon { background-image: url('../images/Light/state_check_box.png'); background-repeat: no-repeat; width: 12px; height: 12px; overflow: hidden; padding: 0; border: 0; } .mapfiltersep{ opacity: 0.1; } .fliter_responce_icon{ background-position: -31px 0px; width: 16px; height: 16px; } .fliter_requests_icon{ background-position: -46px 0px; width: 16px; height: 16px; } .x-field-tickDefaultChk .x-form-checkbox{ background-position:left top; } .x-field-tickDefaultChk.x-form-cb-checked .x-form-checkbox { background-position: -18px 0px !important } .x-field-tickNormalChk .x-form-checkbox{ background-position:left -16px; } .x-field-tickNormalChk.x-form-cb-checked .x-form-checkbox { background-position: -18px -16px !important } .x-field-tickUnknownChk .x-form-checkbox{ background-position:left -33px; } .x-field-tickUnknownChk.x-form-cb-checked .x-form-checkbox { background-position: -18px -33px !important } .x-field-tickMinorChk .x-form-checkbox{ background-position:left -51px; } .x-field-tickMinorChk.x-form-cb-checked .x-form-checkbox { background-position: -18px -51px !important } .x-field-tickMajorChk .x-form-checkbox{ background-position:left -67px; } .x-field-tickMajorChk.x-form-cb-checked .x-form-checkbox { background-position: -18px -67px !important } .x-field-tickCriticalChk .x-form-checkbox{ background-position:left -85px; } .x-field-tickCriticalChk.x-form-cb-checked .x-form-checkbox { background-position: -18px -85px !important } .x-field-tickNormalChk .x-form-cb-label, .x-field-tickUnknownChk .x-form-cb-label, .x-field-tickMinorChk .x-form-cb-label, .x-field-tickMajorChk .x-form-cb-label, .x-field-tickCriticalChk .x-form-cb-label, .x-field-tickDefaultChk .x-form-cb-label { font-size: 11px; color:#fff; } /*---end state check box --*/ .toolbarshd{ border-color: #c0c0c0; border-width: 0px 0px 1px 0px; border-style: solid; } .toolbarshd.x-docked-top{ border-width: 0px 0px 1px 0px !important; } .toggle_m{ background-image: url('../images/Light/toggle_p_m.png') !important; background-repeat: no-repeat; background-position: 0 3px !important; width: 8px; height: 8px; overflow: hidden; padding: 0; border: 0; top: 5px; left: 7px; } .toggle_p{ background-image: url('../images/Light/toggle_p_m.png') !important; background-repeat: no-repeat; background-position: 0px -8px !important; width: 8px; height: 8px; overflow: hidden; padding: 0; top: 5px; left: 7px; border: 0; } .pieChart .highcharts-legend-item span{ margin-top: 3px !important; } /*--RUM google map INFOBOX --*/ #infobox.google_infobox{ border: 1px solid #c1c1c1; color: #000; padding: 0px; height: 100px; font-size: 11px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 4px 7px 2px rgba(0,0,0,0.17); -moz-box-shadow: 0px 4px 7px 2px rgba(0,0,0,0.17); box-shadow: 0px 4px 7px 2px rgba(0,0,0,0.17); } #infobox.google_infobox .gtitle{ font-weight:500; font-size: 14px !important; } #infobox.google_infobox .infoboxheader{ list-style:none;margin:0px;height:20px;border-bottom:1px solid #cccccc } #infobox.google_infobox .infocontentlist{ text-align:center; padding:0px 8px 0px 8px; white-space:normal; display:inline-block; float:left; height:50px; } #infobox.google_infobox .infocontentlist .value{ font-weight:500; font-size: 24px !important; } #infobox.google_infobox .infocontentlist .unit{ font-size: 15px !important; } #infobox.google_infobox .infocontentlist .displayname{ display:block; font-size: 9px !important; } #infobox.google_infobox .headerList{ position:relative; } #infobox.google_infobox .headerList .header_content{ position:absolute; } #infobox.google_infobox .info_overflow{ width:100%; height:78px; overflow:auto; padding-top:10px; } /*----- End DESIGN FOR APP FLOW ------*/ /* Reporter RUM Health Report view page started here ---- Jaiwin */ /* new stylees for rum reporter page - start here*/ .fontBold{ font-size: 11px; font-weight:500; } .frustratedBgColor { background: rgba(191, 58, 41, .15); padding:1px 4px; } .toleratingBgColor { background: rgba(240, 160, 57, .15); padding:1px 4px; } .satisfiedBgColor { background: rgba(70, 145, 22, .15); padding:1px 4px; } .heatmap_holder6{ width:70px; height:70px; display:inline-block; border:0px solid red; font-size:1px; line-height:1px; } .heatmap_box_6 { width: 6px; height: 6px; font-size: 1px; margin: 0px 1px 1px 0px; display: inline-block; border-radius: 3px; line-height:1px; } .heatmap_box_6.Frustrated { background: #bf3a29; } .heatmap_box_6.Tolerating { background: #f0a039; } .heatmap_box_6.Satisfied { background: #469116; } .reportKPIWorkload, .reportKPIQuality{ position:relative; border:1px solid #e7e7e7; background-color:#f2f2f2; vertical-align:top; margin:5px 0px 0px 0px; } .reportKPIWorkload{ width:44%; float:left; padding:0px 10px 10px 10px; } .reportKPIQuality{ width:55%; float:right; padding:0px 10px 10px 10px; } .reportKPIWorkload .align:first-child, .reportKPIQuality .align:first-child{ border-right:1px solid #dfe0e0; } .reportKPIWorkload .align{ text-align:center; align:center; float:left; width:50%; padding:0px 10px 0px 10px; } .reportKPIQuality .align{ text-align:left; align:left; float:left; width:50%; padding:0px 10px 0px 10px; } .reportKPIQuality .align:nth-child(2){ padding:0px 10px 0px 30px; } .reportKPIWorkload .leftPadding{ padding:10px 0px 0px 0px; } .reportKPIQuality .leftPadding{ padding:10px 0px 0px 30px ; } .reportKPIQuality .leftPadding .leftBorder:nth-child(2){ border-left:1px solid #dfe0e0; padding:0px 20px 0px 20px; } /*-------------topology tooltip height-----------------*/ .tipHeader{ font-size:12px; font-weight:500; width:100% !important; color: #000; float:left } .chartLegendDivider{ border-left:1px solid #d9d9d9; height:43px; } .chartLegendHeaderLine{ border-bottom:1px solid #f2f2f2; } .reportKPIQuality .leftPadding .leftBorder{ padding:0px 20px 0px 5px; } .reportKPIWorkload .leftPadding .setAlignWidth{ width:100%; } .reportKPIQuality .leftPadding .setAlignWidth{ width:auto; } .classBulletGray{ background-color:#cdcdcd; width:10px; height:10px; line-height:1px; border-radius:5px; margin:2px 0px 0px 0px } .fieldSetDivHeader{ position:absolute; top:-12px; left:5px; background-color:#ffffff; padding:3px 3px 1px 3px; border:1px solid #e9e9e9; margin:0px 0px 0px 0px; font-size: 13px !important; } .borderRight_N{border-top-width:0px;border-right-width:1px;border-bottom-width:0px;border-left-width:0px; border-color:#dfe0e0;border-style:solid} .borderTop_N{border-top-width:1px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px; border-color:#dfe0e0;border-style:solid} .legend_Frustrated_12 { color: #bf3a29; font-size: 12px !important; } .legend_Tolerating_12 { color: #f0a039; font-size: 12px !important; } .legend_Satisfied_12 { color: #469116; font-size: 12px !important; } .legend_Frustrated_19 { color: #bf3a29; font-size: 19px !important; font-weight:500; } .legend_Tolerating_19 { color: #f0a039; font-size: 19px !important; font-weight:500; } .legend_Satisfied_19 { color: #469116; font-size: 19px !important; font-weight:500; } /* new stylees for rum reporter page - end here*/ /*---------map bream crump links------------------*/ .geoDrilldown, .geoDrilldown .x-btn-default-small-noicon button{ border:0px solid #d3d3d3 !important; /*background-color:#e8e8e8 !important;*/ font-size:11px; line-height:15px !important; top:2px !important; } .geoDrilldown .x-btn .x-btn-center .x-btn-inner{ padding:0px 2px 0px 2px !important; height:19px; } .geoDrilldownLabel { border:0px solid #d3d3d3 !important; /*background-color:#e8e8e8 !important;*/ font-size:11px; line-height:15px !important; top:3px !important; white-space: nowrap } .geoDrilldown .geoDrilldownLink{ text-decoration:underline; font-size:11px; } .geoDrilldownArrow { background-image:url("/final/images/Light/arrow-breadcrumb.png"); width: 6px; height: 8px; display: inline-block; left: 92px; margin-left: 4px; margin-top: 1px; } /*--------- geo map container--------------------*/ /*-----------page specifc classes-----------------*/ /* these classes are already there in page specific style sheet file - citrixDashboard Light.css - so removed here #ux_dash_chart_panel_id .x-panel-eg-x-panel .x-panel-header-eg-x-panel{ padding:0px 10px 10px 0px !important; top:8px !important; left:9px !important } #ux_dash_chart_panel_id .x-panel-header-text-eg-x-panel{ font-size: 15px !important } */ /*********== Toggle switch component styles ==*********/ .egtoggle + label.hiddenLabel:before, .egtoggle + label.hiddenLabel:after { display: block; position: absolute; content: ""; cursor:pointer; } .egtoggle + label.hiddenLabel:before { width:36px; height:13px; background-color: #afadae; border-radius: 60px; transition: background 0.4s; -webkit-box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.15); -moz-box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.15); box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.15); } .egtoggle + label.hiddenLabel:after { width: 20px; height:20px; background-color: #f1f1f1; bottom:-2px; border-radius: 100%; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3); transition: margin 0.4s; top:-4px; } .egtoggle:checked + label.hiddenLabel:before { background-color: #b5e3f4; } .egtoggle:checked + label.hiddenLabel:after { margin-left: 17px; background-color: #3eadda; } label.hiddenLabel.hidden-after{ position: absolute; left:3px } label.hiddenLabel.hidden-before{ position: absolute; } .egtoggle + label.hiddenLabel { padding: 0px; width: 35px; height: 20px; border-radius: 50px; } input.egtoggle{ opacity:0; } /********************************************************/ /****** popup Header Green ****/ .listviewpop .egtoggle:checked + label.hiddenLabel:after { background-color: #90d516; } .listviewpop .egtoggle:checked + label.hiddenLabel:before { background-color: #d0ed9d; } .listviewpop .egtoggle + label.hiddenLabel:before { background-color: #6a6a6a; } /*********** Admin TT Integration page Styles Start Here ***********/ .tti_listbox{ background:#ffffff; margin: 15px 10px !important; padding: 14px !important; border: 1px solid #c9c8c8; position: relative; display:inline-block; transition: all 0.5s ease; } /*---- TTI outer panel ----*/ .x-panel-outerpanel_tti { border:0px; margin:5px; border:1px solid #c9c8c8; } .x-panel-header.x-panel-header-outerpanel_tti { background:#6BB5C2 !important; box-shadow:none; border-width:0px 0px 1px 0px; border-color:#b0b0b0; top:0px; margin:0px; padding:2px 5px 3px 5px; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; } .x-panel-header.x-panel-header-outerpanel_tti img{ margin-right:10px; vertical-align:middle; } .x-panel-header-text.x-panel-header-text-outerpanel_tti { color:#ffffff; font-size: 14px; margin-left: 10px; } .x-panel-body.x-panel-body-outerpanel_tti { background:#ffffff; border:0px; margin:0px; z-index:99; } .logFileMax_textbox .x-form-item-body input.x-form-text{ background:#fff; border:#abb2bd 1px solid; padding-left:4px; padding-right:10px; position:relative; height:21px; width:70px; } /*---- end of outer panel ----*/ /*-------------More info remove window background color - vijay - 12-7-2017*/ #moreInfoWindowBgRemove .x-window-body{ background-color:transparent !important; -webkit-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0) !important; -moz-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0) !important; box-shadow: 0px 0px 0px 0px rgba(100,100,100,0) !important; } #moreInfoWindowBgRemove.x-window-default{ -webkit-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0) !important; -moz-box-shadow: 0px 0px 0px 0px rgba(100,100,100,0) !important; box-shadow: none !important; } /****************************************************************/ /*********** Admin TT Integration page Styles End Here ***********/ /* Netflow designs start here */ .x-panel.subTabDesign.x-tabpanel-child.x-panel-default{ -moz-border-radius-topleft: 0px !important; -webkit-border-top-left-radius: 0px !important; border-top-left-radius: 0px !important; -moz-border-radius-topright: 0px !important; -webkit-border-top-right-radius: 0px !important; border-top-right-radius: 0px !important; -moz-border-radius-bottomright: 0px !important; -webkit-border-bottom-right-radius: 0px !important; border-bottom-right-radius: 0px !important; -moz-border-radius-bottomleft: 0px !important; -webkit-border-bottom-left-radius: 0px !important; border-bottom-left-radius: 0px !important; border:0px solid transparent !important; padding:0px; margin:0px; } #netflowmainpanel-body{ border-style:solid; border-top-color: #bfbfbf !important; border-right-color: #bfbfbf !important; border-bottom-color: #bfbfbf !important; border-left-color: #bfbfbf !important; border-top-width:0px !important; border-right-width:1px !important; border-bottom-width:1px !important; border-left-width:1px !important; background:#fbfbfb; } #netflowmainpanel-body .x-tabpanel-child .x-panel-body:first-child{ overflow:auto; } .x-panel.subTabDesign.x-tabpanel-child.x-panel-default .x-panel-body{ background:#fbfbfb; padding:0px; margin:0px; -moz-border-radius-topleft: 0px !important; -webkit-border-top-left-radius: 0px !important; border-top-left-radius: 0px !important; -moz-border-radius-topright: 0px !important; -webkit-border-top-right-radius: 0px !important; border-top-right-radius: 0px !important; -moz-border-radius-bottomright: 0px !important; -webkit-border-bottom-right-radius: 0px !important; border-bottom-right-radius: 0px !important; -moz-border-radius-bottomleft: 0px !important; -webkit-border-bottom-left-radius: 0px !important; border-bottom-left-radius: 0px !important; border-style:solid; border-top-color: #bfbfbf !important; border-right-color: #bfbfbf !important; border-bottom-color: #bfbfbf !important; border-left-color: #bfbfbf !important; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; padding:0px; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); } .subTabDesign .x-docked-noborder-left { border-left-width: 0!important; } .subTabDesign .x-docked-noborder-bottom { border-bottom-width: 0!important; } .subTabDesign .x-docked-noborder-right { border-right-width: 0!important; } .subTabDesign .x-docked-noborder-top { border-top-width: 0!important; } .subTabDesign .x-tab button{ font-size: 12px; line-height:16px; } .subTabDesign .x-tab-bar { background:#ffffff !important; box-shadow:none; height:28px; border-width:0px 0px 0px 0px !important; border-top-color:#1b1b1b; border-right-color:#1b1b1b; border-bottom-color:#373737; border-left-color:#1b1b1b; border-style:solid; } .subTabDesign .x-tab-bar-top .x-tab-bar-body{ padding:0px 0px 0px 0px ; } .subTabDesign .x-tab-bar-top .x-tab-bar-body{ border:0px solid green !important; height:28px; } .subTabDesign .x-tab-bar-top .x-tab-bar-strip{ height:1px; border:none; background:#bfbfbf; top:27px; } .subTabDesign .x-tab-over button { color:inherit ; } .subTabDesign .x-horizontal-box-overflow-body{ padding:0px; margin:0px; left:0px; } .subTabDesign .x-tab-default-top{ border-width:0px 0px 0px 0px !important; border-style:solid; border-top-color:#bfbfbf !important; border-right-color:#bfbfbf !important; border-bottom-color:transparent !important; border-left-color:#bfbfbf !important; height:28px !important; background:none !important; margin:0px -2px 0px 0px !important; padding:0px 0px 0px 0px !important; top:0px !important; -webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.75); -moz-border-radius-topleft:0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .x-ie .subTabDesign .x-tab-default-top{ margin-right:0px; } .subTabDesign .x-tab-default-top:hover { background:transparent; border-width:0px 0px 0px 0px !important; border-style:solid; border-top-color:#bfbfbf !important; border-right-color:#bfbfbf !important; border-bottom-color:transparent !important; border-left-color:#bfbfbf !important; } .subTabDesign .x-tab-bar-body .x-box-layout-ct, .subTabDesign .x-tab-bar-body .x-border-layout-ct, .subTabDesign .x-tab-bar-body .x-box-inner, .subTabDesign .x-box-layout-ct, .subTabDesign .x-border-layout-ct, .subTabDesign .x-box-inner { /* overflow:visible !important; */ } .subTabDesign .x-tab-default-top button{ font-size: 12px; color :#1a1a1a; line-height:1em; height:28px; } .subTabDesign .x-tab.x-tab-default-top em{ background:url('/final/images/Light/subTabDesignNormal.png') top right no-repeat; height:28px ; } .subTabDesign .x-tab.x-tab-default-top button{ background:url('/final/images/Light/subTabDesignNormal.png') top left no-repeat; } .subTabDesign .x-tab.x-tab-default-top button .x-tab-inner{ padding: 0px 0px 0px 10px; font-size: 12px; color :#1a1a1a; line-height: 1em; } .subTabDesign .x-tab.x-tab-top-active em{ background:url('/final/images/Light/subTabDesignActive.png') top right no-repeat; height:28px; } .subTabDesign .x-tab.x-tab-top-active button .x-tab-inner{ padding: 0px 0px 0px 10px; font-size: 12px; color :#1a1a1a; line-height: 1em; } .subTabDesign .x-tab.x-tab-top-active button{ background:url('/final/images/Light/subTabDesignActive.png') top left no-repeat; height:28px; } .subTabDesign .x-tab-top-active button{ font-size: 12px; color :#1a1a1a; line-height: 1em; height:28px; } .subTabDesign .x-tab-top-active:hover { border-width:0px 0px 0px 0px !important; border-style:solid; border-top-color:#bfbfbf !important; border-right-color:#bfbfbf !important; border-bottom-color:transparent !important; border-left-color:#bfbfbf !important; } .subTabDesign .x-tab-default-over.x-tab-top-active button{ font-size: 12px; color :#1a1a1a; line-height:1em; } .subTabDesign .x-tab-default-over button{ font-size: 12px; color :#1a1a1a; line-height:1em; } li div.netFlowPieChartRightBorder{ border-top-width:0px; border-right-width:1px; border-bottom-width:0px; border-left-width:0px; border-color:#c3c3c3; border-style:solid } li:last-child div.netFlowPieChartRightBorder{ border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-color:#c3c3c3; border-style:solid } .x-panel-egGraphPanel{ background: #ffffff; background-image: none; border-color: #d1d1d1; border-width: 1px; border-style: solid; box-shadow: 0px 0px 5px 0px rgba(100, 100, 100, 0.35); } .x-panel-egGraphPanel .x-panel-header-egGraphPanel{ font-size: 11px; border-bottom: 1px solid #d1d1d1; background-image: none; box-shadow: none; background-color: #fbfbfb; } .x-panel-egGraphPanel .x-panel-header-egGraphPanel .x-panel-header-body-egGraphPanel .x-panel-header-text-egGraphPanel{ font-size: 12px; font-weight: 400; line-height: 18px; } /* line 377, ../sass/NovTheme.scss */ .x-panel-egGraphPanel .x-panel-header-egGraphPanel-horizontal { padding: 4px 10px 3px 10px; } /* line 380, ../sass/NovTheme.scss */ .x-panel-egGraphPanel .x-panel-header-egGraphPanel-docked-top { border-bottom: 0px solid #d1d1d1; } /* line 383, ../sass/NovTheme.scss */ .x-panel-egGraphPanel .x-panel-body-egGraphPanel{ border: 0px; } .gridSkin .gridSkinViewTopBorderRemove .x-grid-view{ border-top-color:#adadad !important; border-right-color:#1a1a1a; border-bottom-color:#1a1a1a; border-left-color:#1a1a1a; border-style:solid; border-width:0px 0px 0px 0px !important; } /* ******************** Netflow designs end here ******************* */ /* copied from 41 manager - recheck styles - start here ***** */ /* Reporter Operation Network multiple graph tables styles start here */ .htmlGraphTable{ background:transparent; width:100%; border:0px solid #dedede; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .htmlGraphTable td{ width:50%; } .htmlGraphTable td .graphMainDiv{ display:inline-block; border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; -khtml-border-radius:0px 0px 0px 0px; -o-border-radius:0px 0px 0px 0px; -webkit-border-radius:0px 0px 0px 0px; overflow:visible; border:0px solid #dedede; box-shadow: 1px 1px 2px -1px #474849; -webkit-box-shadow: 1px 1px 2px -1px #474849; -moz-box-shadow: 1px 1px 2px -1px #474849; -o-box-shadow: 1px 1px 2px -1px #474849; width:100%; background:#ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .htmlGraphTable .graphMainDiv .htmlGraphTableHeader { width:100%; display:inline-block; background: #ffffff; border-width: 0px 0px 0px 0px !important; border-color: #adadad; padding: 7px 10px 3px 10px; /*J 7.1review - for reporter graph table header alignment - jaiwin */ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; font-weight:500; line-height: 1.5em; } .headerBottomBorder{ clear:both; border-bottom:1px solid #d8d8d8; margin:0 10px 3px 10px !important; font-size:1px !important; } .htmlGraphTable .graphMainDiv .htmlGraphTableHeader .htmlGraphTableHeaderIconSeperator{ width: 2px; height: 14px; background: url("../images/Light/iconSeperatorInnerPanel.png") repeat left top transparent !important; margin: 0px 5px 0px 5px; float:right; border: none !important; } .htmlGraphTableHeaderIconSeperator{ width: 2px; height: 14px; background: url("../images/Light/iconSeperatorInnerPanel.png") repeat left top transparent !important; margin: 0px 5px; float:right; border: none !important; } .htmlGraphTable .htmlGraphTableBody{ background: #ffffff !important; border-color: #adadad #d1d1d1 #d1d1d1 #d1d1d1; border-width: 0px 0px 0px 0px; border-style: solid; height:225px; display:flex; align-items:center; justify-content:center; /*J for nodata image center alignment */ /* padding:10px 20px 20px 20px; */ } .htmlGraphTable .htmlGraphTableBody .highcharts-container, .htmlGraphTable .htmlGraphTableBody .highcharts-container svg {width:100% !important;} .xAxisLabelFontForReporter { font-size:11px; } /* Reporter Operation Network multiple graph tables styles end here */ .donutChartTitleOuter{ width:80px; margin:0px; position:relative; margin-top:-5px; /*J*/ text-align:center; } .donutChartTitleMiddle{ font-size:28px; } .donutChartSubTitleMiddle{ color:#555555; font-size:13px; white-space:normal; line-height:11px; margin-top:-2px; } /*reporter User Logon page----------------------*/ /* .logonDivider{ */ .reporterLogonDivider{ border-right:1px solid #ededed; width:1px; height:170px; } /* .uxLoginSessionLabel{ */ .reporterLoginSessionLabel{ font-size:11px; text-align:center; margin-top:4px !important; /*font-weight:500*/ } /* .uxLoginPopupVal{ */ .reporterLoginPopupVal{ font-size:11px; text-align:center; padding:0px 30px 7px 30px; } /* .uxPanelHead{ */ .reporterLogonPanelHead{ font-weight:500; font-size:12px; padding:5px 8px 5px 0px; border-bottom:1px solid #e3e3e3 } /* .uxPanelBody{ */ .reporterLogonPanelBody{ font-size:11px; margin-top:5px } /* .uxPanelBody tbody td { */ .reporterLogonPanelBody tbody td { padding:3px 8px 3px 0px } /* .uxPanelBody tbody td div.valueDiv{ */ .reporterLogonPanelBody tbody td div.valueDiv{ width:60px !important; text-align:left; float:right; } /*.LogonSessionStartup{*/ .reporterLogonSessionStartup{ font-size:14px; text-align:right; padding:0px 8px 0px 0px; } /*.LogonSessionStartupValue{ */ .reporterLogonSessionStartupValue{ font-size:14px; text-align:left; padding:0px 0px 0px 0px; } /* .UxLogonSessionStartupBox{ */ .reporterLogonSessionStartupBox{ border:1px solid #e3e3e3 !important; background:#f0f0f0 !important; -moz-border-radius: 2em; -webkit-border-radius: 2em; -khtml-border-radius: 2em; border-radius: 2em; width:30%; font-size:14px; padding:0px; text-align:center; } .reporterLogonFieldsetHeader{ background-color:#fbfbfb; height:24px; position:absolute; top:-10px; left:20px; padding:4px 10px 4px 10px; border:1px solid #e3e3e3; font-size:14px; text-align:left; } .reporterHtmlFieldsetBody{ background-color:#ffffff; border:1px solid #e3e3e3; width:100%; position:relative; } .reporterLogonServerStartUpTable{ border:1px solid #dcdcdc !important; background:#f4f4f4 !important; padding:0px; } .plainTableReporterLogonWithoutBorder{border-color: #cdcdcd;border-collapse:collapse;border-width: 1px 1px 1px 1px;} .plainTableReporterLogonWithoutBorder table{width:100%;} .plainTableReporterLogonWithoutBorder table tbody tr{background-color:#ffffff} .plainTableReporterLogonWithoutBorder table tbody tr td{ border:0px solid #cdcdcd; padding:5px 10px 5px 20px !important; font-size:11px; } .plainTableReporterLogonWithoutBorder table tbody tr td:nth-child(1), .plainTableReporterLogonWithoutBorder table tbody tr td:nth-child(3){ width:40%; } .plainTableReporterLogonWithoutBorder table tbody tr td:nth-child(2), .plainTableReporterLogonWithoutBorder table tbody tr td:nth-child(4){ width:10% } .plainTableReporterLogonWithoutBorder table tbody tr:first-child td{ padding-top:20px !important; } .plainTableReporterLogonWithoutBorder table tbody tr:last-child td{ padding-bottom:20px !important; } .plainTableReporterLogonWithoutBorder table tbody tr td:nth-child(2){ border-right:1px solid #cdcdcd; } /* Reporter - logon reports page start here */ .userLogonInnerTableOuter{ -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; padding:10px 15px 10px 15px !important; border-width:1px; border-style:solid; border-color:#cdcdcd; background-color:#e3e3e3; } .userLogonInnerTableOuter.bg2{ background-color:#ffffff; } .userLogonInnerTableDividerShadow{ background:url('../images/Light/userLogonInnerTableDividerShadow.png'); padding:5px 20px 5px 5px !important; background-repeat :repeat-y; background-position:top right; } /* .rowExpanderGrid div.reportLogonGridHeaderHighlight.x-column-header{ background:#3d95b0 !important; border-top-color: #3d95b0 !important; border-right-color: #3d95b0 !important; border-bottom-color: #3d95b0 !important; border-left-color: #3d95b0 !important; border-style: solid; border-width: 1px 1px 1px 1px !important; color:#ffffff; } */ .rowExpanderGrid{ border:1px solid #dedede !important; -webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); box-shadow: 0px 0px 5px 0px rgba(100,100,100,0.35); background: #fbfbfb; } .rowExpanderGrid div.x-panel-header { background: #fbfbfb; border-width:0px 0px 1px 0px; border-color:#e3e3e3; box-shadow:none; } .rowExpanderGrid .x-grid-table{ } .rowExpanderGrid div.x-panel-header span.x-panel-header-text{ font-size:11px; } .rowExpanderGrid div.x-column-header{ font-size:11px; text-transform:uppercase; text-shadow:none; background:#cdcdcd; font-weight:normal; border-color:#adadad #adadad #adadad #cdcdcd !important; border-style:solid; border-width:1px 1px 0px 1px !important; } .rowExpanderGrid div.x-column-header-first{ border-width:1px 1px 0px 0px !important; } .rowExpanderGrid div.x-column-header-last{ border-width:1px 0px 0px 1px !important; } .rowExpanderGrid.textHeader .x-column-header-inner .x-column-header-text { white-space: normal; font-size: 11px; line-height:110%; position:relative; zoom:1; } .rowExpanderGrid.textHeader .x-column-header-inner { line-height: normal; padding-top: 3px !important; padding-bottom: 3px !important; text-align: center; display: table-cell; vertical-align: middle; } .rowExpanderGrid .x-grid-header-ct { border-color:#cdcdcd #adadad #adadad #adadad !important; border-style:solid; border-width:1px 0px 1px 0px!important; } .rowExpanderGrid .x-grid-view{ border-top-color:#adadad !important; border-right-color:#1a1a1a; border-bottom-color:#1a1a1a; border-left-color:#1a1a1a; border-style:solid; border-width:0px 0px 0px 0px !important; } .rowExpanderGrid .x-grid-cell{ border-right-color:#dfdfdf; border-bottom-color:#d3d3d3; border-style: solid; border-width:0px 0px 0px 0px; } .rowExpanderGrid .x-column-header-inner{ border-top:0px solid #adadad !important; padding:3px 10px 3px; } .rowExpanderGrid .x-grid-rowwrap-div, .rowExpanderGrid .x-grid-row.x-grid-row-selected .x-grid-rowwrap-div { border-right-color:#dfdfdf; border-top-color:#d3d3d3; border-style: solid; border-width:1px 0px 0px 0px; } .rowExpanderGrid .x-grid-row.undefined.x-grid-row-collapsed .x-grid-rowwrap-div, .rowExpanderGrid .x-grid-row.undefined.x-grid-row-collapsed .x-grid-row-alt{ border-top-color:#d3d3d3; border-style: solid; border-width:1px 0px 0px 0px; } .rowExpanderGrid .x-box-inner .x-group-sub-header, .rowExpanderGrid .x-box-inner .x-group-sub-header:last-child { border-top: 1px solid #b7b7b7 !important; border-right: 1px solid #dedede !important; border-bottom: none; border-left:none; } .rowExpanderGrid .x-box-inner .x-group-sub-header { background:#f3f3f3 !important; text-align: center; padding-top: 0px; font-size: 10px; } .rowExpanderGrid .x-box-inner .x-group-sub-header .x-column-header-over, .rowExpanderGrid .x-box-inner .x-group-sub-header .x-column-header-sort-ASC, .rowExpanderGrid .x-box-inner .x-group-sub-header .x-column-header-sort-DESC { background:#f3f3f3 !important; text-align: center; padding-top: 0px; font-size: 10px; } .rowExpanderGrid .x-grid-group-hd-collapsible .x-grid-group-title { background: transparent no-repeat 0 0px; background-image: url('../images/Light/eG_Icons.png'); background-position: -40px -580px; width: 16px; height: 16px; padding: 0 0 0 18px; line-height:1.5em; } .rowExpanderGrid .x-grid-group-hd-collapsed .x-grid-group-title { background-image: url('../images/Light/eG_Icons.png'); background-position: -40px -560px; width: 16px; height: 16px; margin-right:5px; } .rowExpanderGrid .x-grid-row .x-grid-cell{ font-size:12px; } .rowExpanderGrid .x-grid-cell-inner {line-height:20px !important} .rowExpanderGrid.x-grid-with-row-lines .x-grid-cell-inner{padding:2px 10px 0px 10px !important;} .rowExpanderGrid .x-grid-row.hidePlus.x-grid-row-alt.x-grid-row-collapsed .x-grid-cell-special, .rowExpanderGrid .x-grid-row.x-grid-row-alt .x-grid-cell-special, .rowExpanderGrid .x-grid-row.undefined.x-grid-row-collapsed.x-grid-row-alt .x-grid-cell-special, .rowExpanderGrid .x-grid-row.hidePlus.x-grid-row-alt.x-grid-row-collapsed .x-grid-cell, .rowExpanderGrid .x-grid-row.x-grid-row-alt .x-grid-cell, .rowExpanderGrid .x-grid-row.undefined.x-grid-row-collapsed.x-grid-row-alt .x-grid-cell, .rowExpanderGrid .x-grid-row.undefined.x-grid-row-alt.x-grid-row-collapsed, .rowExpanderGrid .x-grid-row.undefined.x-grid-row-alt.x-grid-row-collapsed .x-grid-cell-rowbody div, .rowExpanderGrid .x-grid-row.undefined.x-grid-row-alt.x-grid-row-selected.x-grid-row-focused, .rowExpanderGrid .x-grid-row.x-grid-row-alt .x-grid-cell-rowbody, .rowExpanderGrid .x-grid-row.undefined.x-grid-row-alt.x-grid-row-selected.x-grid-row-focused .x-grid-rowwrap-div, .rowExpanderGrid .x-grid-row-alt-selected .x-grid-rowwrap-div, .rowExpanderGrid .x-grid-row.undefined.x-grid-row-alt.x-grid-row-over, .rowExpanderGrid .x-grid-row.x-grid-row-alt:hover, .rowExpanderGrid .x-grid-row-over.x-grid-row-alt .x-grid-cell, .rowExpanderGrid .x-grid-row.x-grid-row-alt .x-grid-row-selected .x-grid-cell, .rowExpanderGrid .x-grid-row-over.x-grid-row-alt .x-grid-cell-special { background-image: none !important; background-color: #ffffff; } .rowExpanderGrid .x-grid-row-alt-selected .x-grid-rowwrap-div, .rowExpanderGrid .x-grid-row-alt.x-grid-row-selected .x-grid-cell, .rowExpanderGrid .x-grid-row.undefined.x-grid-row-alt.x-grid-row-selected.x-grid-row-focused .x-grid-rowwrap-div{ background-color: #ffffff !important; } .rowExpanderGrid .x-grid-row.hidePlus.x-grid-row-collapsed .x-grid-cell-special, .rowExpanderGrid .x-grid-row .x-grid-cell-special, .rowExpanderGrid .x-grid-row.undefined.x-grid-row-collapsed .x-grid-cell-special, .rowExpanderGrid .x-grid-row.hidePlus.x-grid-row-collapsed .x-grid-cell, .rowExpanderGrid .x-grid-row .x-grid-cell, .rowExpanderGrid .x-grid-row.undefined.x-grid-row-collapsed .x-grid-cell, .rowExpanderGrid .x-grid-row.undefined.x-grid-row-collapsed, .rowExpanderGrid .x-grid-row.undefined.x-grid-row-collapsed .x-grid-cell-rowbody div, .rowExpanderGrid .x-grid-row.undefined.x-grid-row.x-grid-row-selected.x-grid-row-focused, .rowExpanderGrid .x-grid-row .x-grid-cell-rowbody, .rowExpanderGrid .x-grid-row.undefined.x-grid-row-selected.x-grid-row-focused .x-grid-rowwrap-div, .rowExpanderGrid .x-grid-row.undefined.x-grid-row-selected.x-grid-rowwrap-div, .rowExpanderGrid .x-grid-row.undefined.x-grid-row-over, .rowExpanderGrid .x-grid-row:hover, .rowExpanderGrid .x-grid-row-over .x-grid-cell, .rowExpanderGrid .x-grid-row.x-grid-row-selected .x-grid-cell, .rowExpanderGrid .x-grid-row-over .x-grid-cell-special { background-image: none !important; background-color: #f4f4f4; } .rowExpanderGrid .x-grid-row.hidePlus td{border-bottom:1px solid #cccccc !important} .rowExpanderGrid .x-grid-row.hidePlus.x-grid-row-collapsed td{border-bottom:0px solid #cccccc !important} .rowExpanderGrid .x-grid-row-selected .x-grid-rowwrap-div, .rowExpanderGrid .x-grid-row-selected .x-grid-cell, .rowExpanderGrid .x-grid-row.undefined.x-grid-row-selected.x-grid-row-focused .x-grid-rowwrap-div{ background-color: #f4f4f4 !important; } .gridSkin .x-grid-row .x-grid-cell.reportLogonGridColumnHighlight .x-grid-cell-inner, .rowExpanderGrid .x-grid-row .x-grid-cell.reportLogonGridColumnHighlight .x-grid-cell-inner{ line-height:100%; height:18px; overflow:visible; } .gridSkin .x-grid-row .x-grid-cell.reportLogonGridColumnHighlight .x-grid-cell-inner{ padding:4px 10px 0px 10px !important; } .gridSkin .x-grid-row .x-grid-cell.reportLogonGridColumnHighlight, .rowExpanderGrid .x-grid-row .x-grid-cell.reportLogonGridColumnHighlight{ overflow:visible; } .gridSkin .x-grid-row .x-grid-cell.reportLogonGridColumnHighlight .x-grid-cell-inner div.reporterUserLogonHigh, .rowExpanderGrid .x-grid-row .x-grid-cell.reportLogonGridColumnHighlight .x-grid-cell-inner div.reporterUserLogonHigh{ -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; background-color:#f57e7e; color:#ffffff; width:100%; display:inline-block; z-index:9; line-height:140%; margin:2px 0 0 0; } .gridSkin .x-grid-row .x-grid-cell.reportLogonGridColumnHighlight .x-grid-cell-inner div.reporterUserLogonMedium, .rowExpanderGrid .x-grid-row .x-grid-cell.reportLogonGridColumnHighlight .x-grid-cell-inner div.reporterUserLogonMedium{ -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; background-color:#fd9f53; color:#ffffff; width:100%; display:inline-block; z-index:9; line-height:140%; margin:2px 0 0 0; } .gridSkin .x-grid-row .x-grid-cell.reportLogonGridColumnHighlight .x-grid-cell-inner div.reporterUserLogonLow, .rowExpanderGrid .x-grid-row .x-grid-cell.reportLogonGridColumnHighlight .x-grid-cell-inner div.reporterUserLogonLow{ -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; background-color:#d9af54; color:#ffffff; width:100%; display:inline-block; z-index:9; line-height:140%; margin:2px 0 0 0; } .gridSkin .x-grid-row .x-grid-cell.reportLogonGridColumnHighlight .x-grid-cell-inner div.reporterUserLogonNormal, .rowExpanderGrid .x-grid-row .x-grid-cell.reportLogonGridColumnHighlight .x-grid-cell-inner div.reporterUserLogonNormal{ -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; background-color:#1fc1b7; color:#ffffff; width:100%; display:inline-block; z-index:9; line-height:140%; margin:2px 0 0 0; } .gridSkin .x-grid-row .x-grid-cell.reportLogonGridColumnHighlight .x-grid-cell-inner div.reporterUserLogonDefault, .rowExpanderGrid .x-grid-row .x-grid-cell.reportLogonGridColumnHighlight .x-grid-cell-inner div.reporterUserLogonDefault{ -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; background-color:#3d95b0; color:#ffffff; width:100%; display:inline-block; z-index:9; line-height:140%; margin:2px 0 0 0; } /*----alarm details popup-------*/ #currentAlarmsGrid div.x-grid-view table.x-grid-table .x-grid-row .x-grid-cell-special, #historysummary div.x-grid-view table.x-grid-table .x-grid-row .x-grid-cell-special, #historyacksummary div.x-grid-view table.x-grid-table .x-grid-row .x-grid-cell-special{ background-color:none; background-image:none; border:none } #currentAlarmsGrid div.x-grid-view table.x-grid-table tr.x-grid-row.x-grid-row-alt + tr.x-grid-rowbody-tr td.x-grid-cell-rowbody, #historysummary div.x-grid-view table.x-grid-table tr.x-grid-row.x-grid-row-alt + tr.x-grid-rowbody-tr td.x-grid-cell-rowbody, #historyacksummary div.x-grid-view table.x-grid-table tr.x-grid-row.x-grid-row-alt + tr.x-grid-rowbody-tr td.x-grid-cell-rowbody{ background:#f9f9f9 } #currentAlarmsGrid div.x-grid-view table.x-grid-table tr.x-grid-row.x-grid-row-alt + tr.x-grid-rowbody-tr td.x-grid-cell-rowbody .configPopBorder, #historysummary div.x-grid-view table.x-grid-table tr.x-grid-row.x-grid-row-alt + tr.x-grid-rowbody-tr td.x-grid-cell-rowbody .configPopBorder, #historyacksummary div.x-grid-view table.x-grid-table tr.x-grid-row.x-grid-row-alt + tr.x-grid-rowbody-tr td.x-grid-cell-rowbody .configPopBorder{ background:#ffffff } #currentAlarmsGrid div.x-grid-view table.x-grid-table tr.x-grid-row + tr.x-grid-rowbody-tr td.x-grid-cell-rowbody .configPopBorder, #historysummary div.x-grid-view table.x-grid-table tr.x-grid-row + tr.x-grid-rowbody-tr td.x-grid-cell-rowbody .configPopBorder, #historyacksummary div.x-grid-view table.x-grid-table tr.x-grid-row + tr.x-grid-rowbody-tr td.x-grid-cell-rowbody .configPopBorder{ background:#f9f9f9 } /*#currentAlarmsGrid div.x-grid-view table.x-grid-table tr.x-grid-row + tr.x-grid-rowbody-tr td.x-grid-cell-rowbody iframe html body .configurationTable2 thead tr th{ background:#f9f9f9 }*/ #currentAlarmsGrid table.alarmTable tbody tr.x-grid-row td.x-grid-cell .x-grid-cell-inner, #historysummary table.alarmTable tbody tr.x-grid-row td.x-grid-cell .x-grid-cell-inner, #historyacksummary table.alarmTable tbody tr.x-grid-row td.x-grid-cell .x-grid-cell-inner{ padding:2px 0px 2px 10px !important } .gridSkin .x-grid-row .x-grid-cell-special{/*F*/ background-color:none; background-image:none; } .reportLogonGridColumnHighlightArrow{ background-image:url('../images/Light/reportLogonGridColumnHighlightArrow.png'); width:18px; height:10px; position:absolute; top:20px; left:40%; } .decimal-alignHighlight{float: left; text-align: right; width:50%;position:relative;top:1px} .decimal-align2Highlight{float: right; text-align: left; width:50%;position:relative;top:1px} .decimal-align{float: left; text-align: right; width:50%;position:relative;} .decimal-align2{float: right; text-align: left; width:50%;position:relative;} .dottedText{ overflow:hidden; text-overflow:ellipsis; } .hidePlus .x-grid-row-expander { visibility: hidden !important; } .rowExpanderGrid .x-column-header-over, .rowExpanderGrid .x-column-header-sort-ASC, .rowExpanderGrid .x-column-header-sort-DESC { background:#cdcdcd !important; } .rowExpanderGrid .x-grid-cell-inner, .rowExpanderGrid .x-grid-cell-inner a { color:inherit; } .rowExpanderGrid .x-grid-row:hover .x-grid-cell .x-grid-cell-inner { font-weight:400; } .rowExpanderGrid .x-action-col-cell .x-grid-cell-inner{ line-height:0px !important; } .rowExpanderGrid .x-grid-row-checker { margin-left: -6px } .rowExpanderGrid .x-grid-row-checker, .rowExpanderGrid .x-column-header-checkbox .x-column-header-text{ background-image: url("../images/Light/checkbox_new.png"); background-position:0px 0px; height:16px; width:16px; padding:0px !important; } .rowExpanderGrid .x-grid-cell-inner .x-grid-row-checker { background-image: url("../images/Light/checkbox_new.png"); background-position:0px 0px; height:16px; width:16px; padding:0px !important; } .rowExpanderGrid .x-grid-hd-checker-on .x-column-header-text, .rowExpanderGrid .x-grid-row-selected .x-grid-row-checker, .rowExpanderGrid .x-grid-row-checked .x-grid-row-checker { background-position:0px -20px !important; } .rowExpanderGrid .x-column-header-trigger { background-color:#BBBBBB; display:none; background-image:url('../images/Light/grid3-hd-btn_new.gif'); } .rowExpanderGrid .x-action-col-icon { cursor:pointer} /* .rowExpanderGrid .x-panel .x-grid-body{ border-width:0px !important;} */ .rowExpanderGrid .x-grid-group-title{font-size:11px} .rowExpanderGrid .x-action-col-cell div{ text-align:center !important;} .rowExpanderGrid .x-column-header-sort-DESC .x-column-header-text{ background:url('../images/Light/grid_sort_down.png') right 0px no-repeat; line-height:15px; } .rowExpanderGrid .x-column-header-sort-ASC .x-column-header-text{ background:url('../images/Light/grid_sort_top.png') right 0px no-repeat; line-height:15px; } .rowExpanderGrid .x-grid-header-ct{ border-width:0px !important; background:#cdcdcd;} .rowExpanderGrid div.x-panel-header.x-accordion-hd{ border-width:0px 0px 0px 0px !important; background: #fbfbfb !important; } .rowExpanderGrid div.x-panel-header.x-accordion-hd .x-panel-header-text{ font-size: 12px !important; font-weight:500; } .x-field.textboxHigh{ background-color:#f57e7e; -webkit-border-radius:2px 2px 2px 2px; -moz-border-radius:2px 2px 2px 2px; -ms-border-radius:2px 2px 2px 2px; -o-border-radius:2px 2px 2px 2px; border-radius:2px 2px 2px 2px; color:#ffffff; } .textboxHigh .x-form-item-body input.x-form-text, .textboxHigh .x-form-trigger-wrap-focus input.x-form-text, .textboxHigh .x-form-trigger-wrap-focus input.x-form-text { background:#fff; border:#f57e7e 1px solid !important; padding-left:10px; padding-right:4px; position:relative; height:21px; -webkit-border-radius:0px 2px 2px 0px; -moz-border-radius:0px 2px 2px 0px; -ms-border-radius:0px 2px 2px 0px; -o-border-radius:0px 2px 2px 0px; border-radius:0px 2px 2px 0px; } .x-field.textboxMedium{ background-color:#fd9f53; -webkit-border-radius:2px 2px 2px 2px; -moz-border-radius:2px 2px 2px 2px; -ms-border-radius:2px 2px 2px 2px; -o-border-radius:2px 2px 2px 2px; border-radius:2px 2px 2px 2px; color:#ffffff; } .textboxMedium .x-form-item-body input.x-form-text, .textboxMedium .x-form-trigger-wrap-focus input.x-form-text, .textboxMedium .x-form-trigger-wrap-focus input.x-form-text { background:#fff; border:#fd9f53 1px solid !important; padding-left:10px; padding-right:4px; position:relative; height:21px; -webkit-border-radius:0px 2px 2px 0px; -moz-border-radius:0px 2px 2px 0px; -ms-border-radius:0px 2px 2px 0px; -o-border-radius:0px 2px 2px 0px; border-radius:0px 2px 2px 0px; } .x-field.textboxLow{ background-color:#d9af54; -webkit-border-radius:2px 2px 2px 2px; -moz-border-radius:2px 2px 2px 2px; -ms-border-radius:2px 2px 2px 2px; -o-border-radius:2px 2px 2px 2px; border-radius:2px 2px 2px 2px; color:#ffffff; } .textboxLow .x-form-item-body input.x-form-text, .textboxLow .x-form-trigger-wrap-focus input.x-form-text, .textboxLow .x-form-trigger-wrap-focus input.x-form-text { background:#fff; border:#d9af54 1px solid !important; padding-left:10px; padding-right:4px; position:relative; height:21px; -webkit-border-radius:0px 2px 2px 0px; -moz-border-radius:0px 2px 2px 0px; -ms-border-radius:0px 2px 2px 0px; -o-border-radius:0px 2px 2px 0px; border-radius:0px 2px 2px 0px; } /* Reporter - logon reports page End here */ .newLineBottomRight{ border-top-width:0px;border-right-width:1px;border-bottom-width:1px;border-left-width:0px; border-color:#e0e0e0;border-style:solid } .newLineRight{ border-top-width:0px;border-right-width:1px;border-bottom-width:0px;border-left-width:0px; border-color:#e0e0e0;border-style:solid } .newLineBottom{ border-top-width:0px;border-right-width:0px;border-bottom-width:1px;border-left-width:0px; border-color:#e0e0e0;border-style:solid } .newLineBottom2{ border-top-width:0px;border-right-width:0px;border-bottom-width:1px;border-left-width:0px; border-color:#e0e0e0;border-style:solid; } .newLineLeft{ border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:1px; border-color:#e0e0e0;border-style:solid } .newLineLeft2{ border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:1px; border-color:#e0e0e0;border-style:solid; } .newLineRight:nth-last-child(1){ border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px; border-color:#e0e0e0;border-style:solid } .newDottedRight{ border-top-width:0px;border-right-width:1px;border-bottom-width:0px;border-left-width:0px; border-color:#e0e0e0;border-style:dotted; } /* Below styles used for Reporter Top Events page grid bottom row highlight - For customer implementation - Start here */ .x-panel-newGridPanel .x-grid-row.gridBottomRowHighlightBg .x-grid-cell, .x-panel-newGridPanel .x-grid-row.gridBottomRowHighlightBg.x-grid-row-alt .x-grid-cell, .x-panel-newGridPanel .x-grid-row.gridBottomRowHighlightBg.x-grid-row-over .x-grid-cell, .x-panel-newGridPanel .x-grid-row.gridBottomRowHighlightBg.x-grid-row-alt.x-grid-row-over .x-grid-cell, .x-panel-newGridPanel .x-grid-row.gridBottomRowHighlightBg.x-grid-row-selected.x-grid-row-focused .x-grid-cell, .x-panel-newGridPanel .x-grid-row.gridBottomRowHighlightBg.x-grid-row-alt.x-grid-row-selected.x-grid-row-focused .x-grid-cell{ background-color:#DBDBDB !important; } .x-panel-newGridPanel .x-grid-row.gridBottomRowHighlightBg .x-grid-cell .x-grid-cell-inner, .x-panel-newGridPanel .x-grid-row.gridBottomRowHighlightBg.x-grid-row-alt .x-grid-cell .x-grid-cell-inner, .x-panel-newGridPanel .x-grid-row.gridBottomRowHighlightBg.x-grid-row-over .x-grid-cell .x-grid-cell-inner, .x-panel-newGridPanel .x-grid-row.gridBottomRowHighlightBg.x-grid-row-alt.x-grid-row-over .x-grid-cell-inner, .x-panel-newGridPanel .x-grid-row.gridBottomRowHighlightBg.x-grid-row-selected.x-grid-row-focused .x-grid-cell .x-grid-cell-inner, .x-panel-newGridPanel .x-grid-row.gridBottomRowHighlightBg.x-grid-row-alt.x-grid-row-selected.x-grid-row-focused .x-grid-cell .x-grid-cell-inner{ font-weight:500; } .anchorLink{ text-decoration: none; border-bottom: 1px solid #c5c5c5; } /* Below styles used for Reporter Top Events page grid bottom row highlight - For customer implementation - End here */ /* styles copied from Reporter - userSessionView_light.css - end here */ /* copied from 41 manager - recheck styles - end here ***** */ .font_r_l_10{font-size:10px;} .font_r_l_15{font-size:15px;} .font_r_l_20{font-size:20px;} .font_r_l_21{font-size:21px;} .font_r_l_30{font-size:30px;} .font_r_l_31{font-size:31px; line-height: 31px;} .font_r_b_10{font-weight:500;font-size:10px;} .font_r_b_15{font-weight:500;font-size:15px;} .font_r_b_21{font-weight:500;font-size:21px;} .font_r_b_40{font-weight:500;font-size:40px;} .font_r_b_30{font-weight:500;font-size:30px;} .font_r_b_31{font-weight:500;font-size:31px;} .d_m_t20 { margin-top: 20px;} .d_m_t15 { margin-top: 15px;} .d_m_l20 { margin-left: 20px;} .d_m_b20{ margin-bottom: 20px;} .d_m_r20 { margin-right: 20px;} .d_m_t5 { margin-top: 5px;} .d_m_t10 { margin-top: 10px;} .d_m_l5{ margin-left: 5px;} .d_m_l10 {margin-left: 10px;} .d_m_b5 {margin-bottom: 5px;} .d_m_b10 { margin-bottom: 10px;} .d_m_r5 {margin-right: 5px;} .d_m_r10 {margin-right: 10px;} .trim_text { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .x-panel-heatmappanel .x-panel-header-horizontal { padding: 3px 10px 4px; } .x-panel-heatmappanel .x-panel-header-text{ font-size:15px; } .newGraphPanel_body_bg{ background:#f0f0f0 !important; } /*--bug ID 13836 --*/ #ddGridViewId .x-grid-group-hd .x-grid-cell-inner { cursor: default; } /* This is used for virtual metrics page background - start here- Vijay */ #vlmain .x-panel-body{ background:#e4e5e6; border:0px; margin:0px; z-index:99; } /* This is used for virtual metrics page background - End here- Vijay */ /*--AD User Reports Tree */ .dtree{font-size:10px;color:#666;white-space:nowrap}.dtree img{border:0;vertical-align:middle;padding:0}.dtree a{color:#333;text-decoration:none}.dtree a.node,.dtree a.nodeSel{white-space:nowrap;padding:1px 2px 1px 2px}.dtree a.node:hover,.dtree a.nodeSel:hover{color:#999;text-decoration:none}.dtree a.nodeSel{border:1px solid #d5dff4;font-weight:500;font-size:10px !important;} .ad-user-pagination {margin: 2px 25px 5px 18px; background-color: #e6e4e4;padding: 5px;} /*--AD User Reports Tree */ /* Reporter Capacity Planning VM page styles start here */ .boxWithRightArrowOut { position: relative; background: #f2f2f2; border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -khtml-border-radius:5px 5px 5px 5px; -o-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; } .boxWithRightArrowOut:after { top: 50%; border: solid transparent; content: " "; height: 0; width: 0; right:-18px; position: absolute; pointer-events: none; border-color: rgba(242, 242, 242, 0); border-left-color: #f2f2f2; border-width:10px; margin-top: -10px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -khtml-border-radius:5px 5px 5px 5px; -o-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; } .boxWithRightArrowIN{ border:solid transparent; position:relative; display:block; background: #f2f2f2; margin-left:5px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -khtml-border-radius:5px 5px 5px 5px; -o-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; } .boxWithRightArrowIN:after{ content:""; display:inline-block; position:absolute; border:6px solid white; border-color:transparent transparent transparent white; margin-top: -6px; top:50%; left:-4px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -khtml-border-radius:5px 5px 5px 5px; -o-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; } /* Reporter Capacity Planning VM page styles end here */ /*----Citrix Dashboard Tab submenu---vijay--15/8/2017-------------------*/ .x-component-eg-menu-view li.submenu-wrap { cursor: pointer; padding: 8px; width: 177px; text-align: left; } .x-component-eg-menu-view li.submenu-wrap.x-item-selected { background: #5c5c5c; } .x-component-eg-menu-view li.submenu-wrap.eg-menu-over { background: #5c5c5c; } .x-component-eg-menu-view li.submenu-wrap img { vertical-align: middle; margin: 0px 8px; float: left; margin-top:-2px; } .x-component-eg-menu-view li.submenu-wrap span { vertical-align: middle; margin: 0px 10px; float: left; color: #fffeff; width: 100px; padding-top: 3px; } .x-component-appflowmenu-view li.submenu-wrap { cursor: pointer; padding: 8px; width: 177px; text-align: left; } /*----submenu---------------------------*/ .menu_1uexp{ margin:0 0 0 38px !important } #sub-menu1, #sub-menu2, #sub-menu3{ background:#5c5c5c; } #sub-menu1 li, #sub-menu2 li, #sub-menu3 li{ display:table; padding:0 0 0 0 !important; white-space: nowrap; } #sub-menu1 li.subMenuArrow, #sub-menu2 li.subMenuArrow, #sub-menu3 li.subMenuArrow{ width:10px; float:left; } #sub-menu1 ul, #sub-menu2 ul, #sub-menu3 ul{ margin-left:47px; float:left; } .x-component-eg-menu-view li#sub-menu1.x-item-selected, .x-component-eg-menu-view li#sub-menu2.x-item-selected, .x-component-eg-menu-view li#sub-menu3.x-item-selected{ background:#2e2e2e !important } #sub-menu1 .menu-wrap x-item-selected, #sub-menu2 .menu-wrap x-item-selected, #sub-menu3 .menu-wrap x-item-selected{ background:#2e2e2e !important } .x-component-eg-menu-view li#sub-menu1:hover, .x-component-eg-menu-view li#sub-menu2:hover, .x-component-eg-menu-view li#sub-menu3:hover { background: #2e2e2e; } .x-component-eg-menu-view li#sub-menu1:visited, .x-component-eg-menu-view li#sub-menu2:visited, .x-component-eg-menu-view li#sub-menu3:visited { background: #2e2e2e; } .x-component-eg-menu-view li#sub-menu1:link, .x-component-eg-menu-view li#sub-menu2:link, .x-component-eg-menu-view li#sub-menu3:link { background: #2e2e2e; } .x-component-eg-menu-view li#sub-menu1:active, .x-component-eg-menu-view li#sub-menu2:active, .x-component-eg-menu-view li#sub-menu3:active { background: #2e2e2e; } .menu-arrow-right { width: 0; height: 10; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #ffffff; top:2px } /*----Citrix Dashboard Tab submenu---vijay--15/8/2017-------------------*/ /*-----Metrics page inside citrix dashboard header - 8/8/2017----vijay------*/ #simulationsChartPanelId.x-panel-eg-x-panel .x-panel-header-eg-x-panel, #simulationsChartPanelId.x-docked-top{ background:none !important } /*-------Citrix Dashboard-------22-8-2017 vijay-----------------------------*/ #dashboard_view_header_id .x-panel-header-text-eg-x-panel, #dashboard_header_id_header .x-panel-header-text-eg-x-panel, #dashboard_header_id_Emu .x-panel-header-text-eg-x-panel{ font-size:13px !important; } #dashboard_view_header_id .x-panel-header-eg-x-panel, #dashboard_header_id_Emu .x-panel-header-eg-x-panel { padding:4px 0px 0px 3px !important } #dashboard_header_id_header.x-panel-header-eg-x-panel { padding:4px 0px 0px 3px !important } .x-panel-header-uxLogonSimulation{ background: #e4e5e6 !important; box-shadow:none; border-width:0px 0px 0px 0px !important; border-color:#b0b0b0; top:0px !important; margin:0px; left:0px } /*-- ------------- SAP DASHBOARD -------------------------*/ .instant_box { display: block; width: 100%; } .instant_box .box1 { width: 48%; height: 57px; float: left; display: block; text-align: center; margin: 0 auto; overflow: hidden; } .sapStateRunningbg { background-color: #68a751; color: #ffffff; display: grid; height: 58px; width: 100%; box-shadow: 0.5px 0.866px 0px 0px rgb( 150, 150, 150); -webkit-box-shadow: 0.5px 0.866px 0px 0px rgb( 150, 150, 150); -moz-box-shadow: 0.5px 0.866px 0px 0px rgb( 150, 150, 150); -o-box-shadow: 0.5px 0.866px 0px 0px rgb( 150, 150, 150); align-items: center; padding: 0 10px; } .sapStateErrorbg { background-color: #c44138; color: #ffffff; display: grid; height: 58px; width: 100%; box-shadow: 0.5px 0.866px 0px 0px rgb( 150, 150, 150); -webkit-box-shadow: 0.5px 0.866px 0px 0px rgb( 150, 150, 150); -moz-box-shadow: 0.5px 0.866px 0px 0px rgb( 150, 150, 150); -o-box-shadow: 0.5px 0.866px 0px 0px rgb( 150, 150, 150); align-items: center; padding: 0 10px; } .sapStateStartingbg, .sapStateStoppingbg, .sapStateWarningbg { background-color: #ccc028; color: #ffffff; display: grid; height: 58px; width: 100%; box-shadow: 0.5px 0.866px 0px 0px rgb( 150, 150, 150); -webkit-box-shadow: 0.5px 0.866px 0px 0px rgb( 150, 150, 150); -moz-box-shadow: 0.5px 0.866px 0px 0px rgb( 150, 150, 150); -o-box-shadow: 0.5px 0.866px 0px 0px rgb( 150, 150, 150); align-items: center; padding: 0 10px; } .sapStateUnknownbg, .sapStateOfflinebg { background-color: #a7b2b1; display: grid; height: 58px; width: 100%; box-shadow: 0.5px 0.866px 0px 0px rgb( 150, 150, 150); -webkit-box-shadow:0.5px 0.866px 0px 0px rgb( 150, 150, 150); -moz-box-shadow: 0.5px 0.866px 0px 0px rgb( 150, 150, 150); -o-box-shadow:0.5px 0.866px 0px 0px rgb( 150, 150, 150); align-items: center; padding: 0 10px; } .instanc_time { text-align: center; line-height: 18px; display: block; width: 48%; margin: 0 0 0 2%; float: right; height: 57PX; align-items: center; display: grid; padding: 0 10px; box-shadow: 0.5px 0.866px 0px 0px rgb( 150, 150, 150); -webkit-box-shadow:0.5px 0.866px 0px 0px rgb( 150, 150, 150); -moz-box-shadow: 0.5px 0.866px 0px 0px rgb( 150, 150, 150); -o-box-shadow:0.5px 0.866px 0px 0px rgb( 150, 150, 150); } .instanc_list { display: block; background-color: #fff; margin: 10px 0 0; padding: 20px 15px 10px; float: left; clear: both; width: 100%; height: 82px; box-shadow: 0.5px 0.866px 0px 0px rgb( 150, 150, 150); -webkit-box-shadow: 0.5px 0.866px 0px 0px rgb( 150, 150, 150); -moz-box-shadow: 0.5px 0.866px 0px 0px rgb( 150, 150, 150); -o-box-shadow: 0.5px 0.866px 0px 0px rgb( 150, 150, 150); } .instanc_list li { float: left; width: 50%; line-height: 16px; height: 32px; position: relative; padding-right: 5px; } /* Sap Changes 7.1 Review Vijayakumar MP */ /* text line Height for sap Availabilty */ .instanc_list li p { padding-left: 18px; line-height: 16px; /* VMP */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sapmemory li { align-items: center; display: grid; text-align: center; padding: 20px; } .sapmemory { width: 100%; padding: 0px; } .sapmemory .value { vertical-align: top; } .sapmemory .value span { font-size: 11px; } .sapname { line-height: 17px; vertical-align: top; display: inline; word-wrap: break-word; word-spacing: 100vw; } .sapmemory_legends { width: 53%; height: 55px; float: left; margin-right: 5px; } .sapiteration_0 .legends { margin: 0px 0px 17px 0 } .sapiteration_1 .legends { margin: 0px 0px 17px 20px } .sapiteration_2 .legends { margin: 17px 0px 0px 0 } .sapiteration_3 .legends { margin: 17px 0px 0px 20px } /* image cuts for responsible circle */ .response_circle { background: url('../images/Light/sapicons.png') no-repeat -412px -1px; width: 386px; /* VMP */ height: 397px; margin-right: 32px; /* VMP */ } .diskactivity li { float: left; width: 50%; align-items: center; display: grid; text-align: center; padding: 20px; } .diskactivity { width: 100%; padding: 5px 20px 15px; /* VMP */ } /* text legend aligned */ .legend_running { width: 7px; height: 5px; background-color: #7ccbb6; float: left; margin: 3px 5px 0 0; /* VMP */ } .legend_hold { width: 7px; height: 5px; background-color: #eacd73; float: left; margin: 3px 5px 0 0; /* VMP */ } .legend_free { width: 7px; height: 5px; background-color: #E1F2F8; float: left; margin: 3px 5px 0 0; /* VMP */ } .legend_priv { width: 7px; height: 5px; background-color: #f07a7d; float: left; margin: 3px 5px 0 0; /* VMP */ } .main_topology_wrap .sidebar.sap { padding: 0 0 0 90px; width: 67%; } .diskactivity li:nth-child(1) { border-width: 0 1px 0px 0; border-style: solid; border-color: #e1e1e1; padding:0px 0px 12px 0px; /* VMP */ } /* text aligned remove Height */ .diskactivity li:nth-child(2) { border-width: 0px 0px 1px 0; border-style: solid; border-color: #e1e1e1; padding:0px 0px 12px 0px; /* VMP */ } .diskactivity li:nth-child(3) { border-width: 1px 0 0 0px; border-style: solid; border-color: #e1e1e1; margin: -1px 0 0 -1px; padding: 20px 0px 0px 0px; } .diskactivity li:nth-child(4) { border-width: 0px 0px 0px 1px; border-style: solid; border-color: #e5e5e5; /* VMP */ padding: 20px 0px 0px 0px; } .sapiteration_0 { border-width: 0 1px 0px 0; border-style: solid; border-color: #e5e5e5; padding:0px; } .sapiteration_1 { border-width: 0px 0px 1px 0; border-style: solid; border-color: #e5e5e5; padding:0px; } .sapiteration_2 { border-width: 1px 0 0 0px; border-style: solid; border-color: #e5e5e5; margin: -1px 0 0 -1px; padding: 0px; } .sapiteration_3 { border-width: 0px 0px 0px 1px; border-style: solid; border-color: #e5e5e5; padding: 0px; } .response_label { margin: 10px 10px 0; float: left; } .response_search { position: absolute; z-index : 99; right: 10px; top: 10px; cursor: pointer; } .response_circle ul li { list-style-type: none; position: absolute; padding: 0px; text-align: center; } .response_circle ul li .name { text-align: center; } .response_circle ul li .responseval { line-height: 36px; } .response_circle ul li:nth-child(1) { left: 15px; top: 160px; width: 120px; } .response_circle ul li:nth-child(2) { top: 55px; left: 75px; width: 130px; } .response_circle ul li:nth-child(3) { left: 210px; top: 48px; text-align: center; width: 120px; } .response_circle ul li:nth-child(4) { left: 260px; top: 180px; width: 120px; } .response_circle ul li:nth-child(5) { left: 200px; top: 284px; width: 120px; } .response_circle ul li:nth-child(6) { left: 63px; top: 275px; /* VMP */ width: 120px; } .response_circle ul li:nth-child(7) { left: 150px; top: 167px; width: 100px; } .response_circle ul li:nth-child(7) .responseval { line-height: 20px; font-size: 33px; text-transform: capitalize; } .response_circle ul li:nth-child(1) .name { padding-right: 10px; } /* adding separete new list alignment - VMP */ .response_circle ul li:nth-child(6) .name { width: 90px; margin: 0 auto; } /* End Sap Changes 7.1 Review Vijayakumar MP */ .response_circle ul li:nth-child(7) .name { padding-top: 5px; line-height: 16px; text-transform: capitalize; font-weight:500; } .sap_hours { color: #969696; float: right; padding: 10px 0px 0 0; position: relative; top: -10px; } .sidebar.sap .reachout { right: 25px; } @media (max-width:1080px) { .sidebar.sap .reachout { right: 25px ; } } .SapHighestValue { background:#3abcd2; padding: 3px 3px 3px 3px; border-radius: 20px; } .response_circle ul li .sapHighestValue .responseval { color :#fff; } /*-- ------------- END SAP DASHBOARD -------------------------*/ /*--------layermodel page popup - vijay-------------------*/ .x-toolbar-layerPopupTitle{ background:#5a5a5a; border:none ; padding:0 0 0 10px } /*-------- End layermodel page popup - vijay-------------------*/ /* -------------Start Kiosk Mode -------------------*/ .kioskbg { background-color: #fff; height: 100%; } #sortable_1 { list-style-type: none; margin: 0; padding: 0; width: 100%; } .kiosk_box li.kiosk_box_list { width: 260px; height: 60px; border: 1px solid #c9c8c8; margin: 20px 0 0 20px; float: left; position: relative; } .kioskDashboard_listing { padding: 12px 0 0; margin: 0; } .kioskListing_subtitle { padding: 6px 0 0; margin: 0; clear: right; } .kioskDashboard_icons { width: 55px; height: 100%; float: left; margin: 0; position: relative; } .kioskDashboard_icons img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 32px; } .kiosk_box li.kiosk_box_list .kiosk_hover { display: none; background-color: #6ab5c1; } .kiosk_box li.kiosk_box_list:hover { background-color: #6ab5c1; } .kiosk_box li.kiosk_box_list:hover .kiosk_hover { display: inline-block; height: 100%; position: relative; width: 100%; } .kiosk_box li.kiosk_box_list.lsGrab.lsGrabbing { outline: 4px solid #e2f0f3; } .kiosk_box li.kiosk_box_list:hover .kiosk_normal { display: none; } .kiosk_playlist { text-align: center; margin: auto; display: inline-block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 22px; width: 100%; } .kiosk_add_remove, .kiosk_remove_txt { position: relative; color: #fff; padding: 0px 0px 0px 0px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; cursor: pointer; font-size: 13px; } .selectDropdown .kioskdropdown .x-form-trigger-wrap-focus input.x-form-field { border-color: transparent !important; } .selectDropdown .kioskdropdown .x-form-trigger-wrap-focus.x-pickerfield-open input.x-form-field { background-color: #ffffff; padding-left: 4px; } .selectDropdown .kioskdropdown .x-form-trigger-wrap-focus .x-form-trigger{ border-color: transparent !important; width: 21px !important; } .selectDropdown .kioskdropdown input.x-form-field{ background-color: transparent; border-color: transparent !important; color: #ffffff; padding-left: 0px; margin-left: 3px; } .selectDropdown .kioskdropdown .x-form-trigger-input-cell ~ .x-trigger-cell{ visibility: hidden; width: 21px; } .selectDropdown .kioskdropdown .x-pickerfield-open .x-form-trigger-input-cell ~ .x-trigger-cell{ visibility: visible; width: 21px; } .kiosk_add_remove::before, .kiosk_remove_txt::before { position: absolute; left: 23px; border: 0.5px solid #97cbd4; top: 0px; content: ""; height: 22px; } .kiosk_box li.kiosk_box_list:hover .kiosk_hover ~ .seletion_icon { display: none; } .x-toolbar-tv-dock { background: #64b4c1; } .playKioskButton, .playKioskButton:hover, .x-btn-disabled .playKioskButton, .x-btn-disabled .playKioskButton:hover{ width: 63px !important; height: 36px !important; background : url('../images/Light/kioskPlayicon.png') no-repeat top left; } .x-btn-disabled .playKioskButton, .x-btn-disabled .playKioskButton:hover { filter:alpha(opacity=50);opacity:.5; } .playKioskButton { background-position: 0px 0px;} .playKioskButton:hover { background-position: -69px 0;} .x-btn-disabled .playKioskButton, .x-btn-disabled .playKioskButton:hover { background-position: 0px 0px;} input#KIOSK_dashboard_combo-inputEl { background: transparent; border: none; color: #fff; cursor: pointer; } #KIOSK_dashboard_combo-inputCell ~ .x-trigger-cell { opacity: 0; } .x-pickerfield-open input#KIOSK_dashboard_combo-inputEl { cursor: pointer; padding-left: 0px; margin-left: -2px; } #KIOSK_dashboard_combo-inputRow .x-pickerfield-open { background-color: #ffffff; padding: 0 0px 0 7px; } .x-pickerfield-open #KIOSK_dashboard_combo-inputCell ~ .x-trigger-cell { opacity: 1; width: 21px !important; } .x-pickerfield-open #KIOSK_dashboard_combo-inputCell ~ .x-trigger-cell .x-form-trigger { border: none; width: 21px !important; } .kiosk_box li.kioskPortlet-placeholder { background: transparent; width: 260px; height: 60px; border: 1px solid #c9c8c8; margin: 20px 0 0 20px; float: left; position: relative; } .kioskUi-corner-all { -moz-box-shadow: inset 0 0 20px #e1e1e1; -webkit-box-shadow: inset 0 0 20px #e1e1e1; box-shadow: inset 0 0 20px #e1e1e1; } .kiosk_hover:hover ~ .iconTickSelection { display: none; } .x-toolbar-separator.kiosk_separator { border: 0.5px solid #b5dae2 !important; width: 0.5px !important; } .setTimedelay .x-container { padding: 5px 10px; } /* Kiosk filter mode view - enhancement - VijayakumarMP */ .kioskCheckListView.x-tree-panel .x-grid-cell-inner img.x-tree-icon-parent, .kioskCheckListView.x-tree-panel .x-tree-icon-leaf { display: none; } .kioskmenuicon { background: url("../images/Light/kioskmenuicon.png") no-repeat 0 0; border:0px; width:16px; height:16px; } .kioskCheckListView.x-tree-lines .x-tree-elbow, .kioskCheckListView.x-tree-lines .x-tree-elbow-end, .kioskCheckListView.x-tree-lines .x-tree-elbow-line{ background : none; } .kiosk_box li.kiosk_box_list.menuClick { background: #6ab5c1; } .kiosk_box li.kiosk_box_list.menuClick .kiosk_hover { display: block; } .kiosk_box li.kiosk_box_list.menuClick .kiosk_normal { display: none; } li.kiosk_box_list.menuClick .menuIconTooltip::before { width: 0; height: 0; border-style: solid; border-width: 9px 7px 7px 7px; border-color: transparent transparent #ffffff transparent; position: absolute; content: ""; left: 0; top: 6px; z-index: 99999; } .kioskCheckListView.x-tree-lines .x-tree-elbow-end-plus, .kioskCheckListView.x-tree-lines .x-tree-elbow-plus { background-image: url(../../final/images/Light/kioskiconPlus.png); background-repeat: no-repeat; margin: 1px 4px 0 0; } .kioskCheckListView.x-panel-newTreePanel .x-grid-cell-inner img { margin: 1px 4px 0 0; } .kioskCheckListView.x-panel-newTreePanel .x-grid-cell-inner { padding: 6px 10px 2px 0px; font-size: 12px; } .kioskCheckListView.x-panel-newTreePanel { border-width : 0px; background : transparent; } .kioskCheckListView .x-tree-checkbox { margin-top: 0px !important; width: 18px; height: 16px; } .kioskCheckListView.x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-end-plus, .kioskCheckListView.x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-plus { background-image: url(../../final/images/Light/kioskiconMinus.png); background-repeat: no-repeat; margin: 1px 4px 0 0; } .kioskCheckListView.x-panel-newTreePanel .kioskCheckListView.x-grid-row-focused .x-grid-cell, .kioskCheckListView.x-panel-newTreePanel .x-grid-row-selected .x-grid-cell, .x-panel-newTreePanel .kioskCheckListView.x-grid-row-alt.x-grid-row-selected .x-grid-cell, .kioskCheckListView.x-panel-newTreePanel .x-grid-row-selected .x-grid-cell-special, .kioskCheckListView.x-panel-newTreePanel .x-grid-row-selected .x-grid-cell-special.x-grid-cell-row-checker, .kioskCheckListView.x-panel-newTreePanel .x-grid-row-selected .x-grid-rowwrap-div { border-style: solid; border-color: #dddddd !important; background-color: #c1ddf1 !important; background-image: none; } #kioskFilterModeWindow .x-window-header-body-newPopupWindow .x-tool img.x-tool-close, .x-window-header-body-newPopupWindow .x-tool img.x-tool-over .x-tool-close { background-image: url(/final/images/Light/window_close.png); } .kioskFilterBtn { border-top : 1px solid #d3d3d3 !important; background-color: #e9e9eb !important; } .x-window-body-flash-msg{ background-color: rgba(0, 0, 0, 0.8)!important; color:#fff; font-size: 14px; text-align: center; } .kioskFilterModeWindow .x-window-body { background: transparent; } .KioskfilterBtnClr { color :#1a1a1a; } .kioskFilterModeWindow.x-panel-newTreePanel .x-grid-row .x-grid-cell { background: transparent; border-color : #f1f1f1; } .kioskCheckListView.x-panel-body-newTreePanel { background: transparent !important; } /* -------------End Kiosk Mode -------------------*/ /*** tvmode styles start Here ****/ .btselector{ border-width:0px !important; background:none; } .btnNext{ background:url('../images/tvmode/nextSliderBTnormal.png') center center no-repeat; width:85px !important; height:85px !important; z-index:9999; position:absolute; border-width:0px!important; } .lightlayerOver .btnNext{ background:url('../images/tvmode/nextSliderBT.png') center center no-repeat; width:85px !important; height:85px !important; z-index:9999; position:absolute; border-width:0px!important; } .lightlayerOver .btnPre{ background:url('../images/tvmode/preSliderBT.png') center center no-repeat !important; width:85px !important; height:85px !important; z-index:9999; position:absolute; border-width:0px!important; } .btnPre{ background:url('../images/tvmode/preSliderBTnormal.png') center center no-repeat; width:85px !important; height:85px !important; z-index:9999; position:absolute; border-width:0px!important; } .btncls{ width:85px !important; height:85px !important; z-index:9999; position:absolute; border-width:0px!important; background:none; } .btnclsPlay{ background:url('../images/tvmode/palySliderBTnormal.png') center center no-repeat; width:85px !important; height:85px !important; z-index:9999; position:absolute; border-width:0px!important; } .lightlayerOver .btnclsPlay{ background:url('../images/tvmode/palySliderBT.png') center center no-repeat !important; width:85px !important; height:85px !important; z-index:9999; position:absolute; border-width:0px!important; } .btnclsPause{ background:url('../images/tvmode/pauseSliderBTnormal.png') center center no-repeat; width:85px !important; height:85px !important; z-index:9999; position:absolute; border-width:2px!important; } .lightlayerOver .btnclsPause{ background:url('../images/tvmode/pauseSliderBT.png') center center no-repeat !important; width:85px !important; height:85px !important; z-index:9999; position:absolute; border-width:0px!important; } .lightlayer{ background-image:url('../images/spacer.gif'); background-position:center center; background-repeat:repeat; z-index:9998; } .lightlayerOver{ opacity:0.9; background-color:#121212; border-left:#232323 2px solid; filter:alpha(opacity=90); -ms-filter:alpha(opacity=90); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .tricklayer{ z-index:9999; background:url('../images/spacer.gif'); } .lightlayerOver .toogleState, .lightlayerOver .x-toogleState, .lightlayerOver .btoverCls{ background-color:#303030;} .tvmode_header {font-size:14px;padding:5px 10px;text-align:left;} /*/ GRab cursor */ .lsGrab > * { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lsGrabbing > * { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .x-panel-eg-panel.tvmode .x-panel-body-eg-panel { background:#fff !important; } /****** tvmode styles end here *********/ /*---Feroz - Layer model more info box ---*/ .more-infos-tree-view .layer_toggle, .more-infos-tree-view .layer_collapse, .more-infos-tree-view .commonNode .x-tree-expander { display:none; } .more-infos-tree-view .layer_search{ width: 131px !important } .more-infos-tree-view .whitedropdown_search{ right: 13px !important; width: 150px !important } .moreinfosbody { background: #e4e4e4 !important; } .x-panel-layermodel_moreinfos #comp_dash_layers_tree .x-grid-row .x-grid-cell, .x-panel-layermodel_moreinfos #comp_dash_layers_tree .x-grid-row .x-grid-cell:last-child, .x-panel-layermodel_moreinfos #comp_dash_layers_tree .x-grid-row .x-grid-cell:first-child, .x-panel-layermodel_moreinfos #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .x-grid-cell.INTERMEDIATE_border.last_leaf, .x-panel-layermodel_moreinfos #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .x-grid-cell.UNKNOWN_border.last_leaf, .x-panel-layermodel_moreinfos #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .x-grid-cell.HIGH_border.last_leaf, .x-panel-layermodel_moreinfos #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .x-grid-cell.GOOD_border.last_leaf, .x-panel-layermodel_moreinfos #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .x-grid-cell.GRAY_border.last_leaf, .x-panel-layermodel_moreinfos #comp_dash_layers_tree .x-grid-row.x-grid-tree-node-expanded .x-grid-cell.LOW_border.last_leaf { border-color: #ccc100; border-style: solid; border-width: 0px 0px !important; } .x-panel-layermodel_moreinfos #comp_dash_layers_tree .errorBox div.x-grid-cell-inner{ background: #fff; border-width:0px; font-size:12px; height:450px !important; margin-top:auto; padding:0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px!important; } .x-panel-layermodel_moreinfos.UNKNOWN{ border: #30a1d9 3px solid; } .x-panel-layermodel_moreinfos.GOOD{ border: #0c9a12 3px solid; } .x-panel-layermodel_moreinfos.INTERMEDIATE{ border: #fa9d1c 3px solid; } .x-panel-layermodel_moreinfos.LOW{ border: #ccc100 3px solid; } .x-panel-layermodel_moreinfos.HIGH{ border: #c7000e 3px solid } .x-panel-layermodel_moreinfos.UNKNOWN .x-panel-header-layermodel_moreinfos { background:#30a1d9; color:#fff !important; } .x-panel-layermodel_moreinfos.GOOD .x-panel-header-layermodel_moreinfos { background:#0c9a12; color:#fff !important; } .x-panel-layermodel_moreinfos.INTERMEDIATE .x-panel-header-layermodel_moreinfos { background:#fa9d1c; color:#fff !important; } .x-panel-layermodel_moreinfos.LOW .x-panel-header-layermodel_moreinfos { background:#ccc100; color:#fff !important; } .x-panel-layermodel_moreinfos.HIGH .x-panel-header-layermodel_moreinfos { background:#c7000e; color:#fff !important; } .x-panel-header-layermodel_moreinfos .x-panel-header-text { font-size: 13px; color: #fff; line-height: 20px; } .x-panel-layermodel_moreinfos .x-grid-cell-treecolumn.commonNode{ display:none; } .x-panel-header-layermodel_moreinfos img.x-tree-icon{ background-image:url("../images/Light/state_icons.png"); background-repeat:no-repeat; background-position:left top; } .x-panel-header-layermodel_moreinfos img.x-tree-icon.state_INTERMEDIATE{ background-position : -220px -242px !important; } .x-panel-header-layermodel_moreinfos img.x-tree-icon.state_GOOD{ background-position : -280px -242px !important; } .x-panel-header-layermodel_moreinfos img.x-tree-icon.state_UNKNOWN { background-position : -260px -242px !important; } .x-panel-header-layermodel_moreinfos img.x-tree-icon.state_LOW { background-position : -240px -242px !important; } .x-panel-header-layermodel_moreinfos img.x-tree-icon.state_GRAY { background-position : -725px -150px !important; } .x-panel-header-layermodel_moreinfos img.x-tree-icon.state_HIGH { background-position : -200px -242px !important; } .x-panel-layermodel_moreinfos .layers-tree div.x-grid-view { background: #fff !important; } .x-panel-layermodel_moreinfos #comp_dash_layers_tree tr.x-grid-tree-node-leaf td div.x-grid-cell-inner, .x-panel-layermodel_moreinfos #comp_dash_layers_tree td.secondlevel div.x-grid-cell-inner, .x-panel-layermodel_moreinfos #comp_dash_layers_tree td.thirdlevel div.x-grid-cell-inner, .x-panel-layermodel_moreinfos #comp_dash_layers_tree td.fourthlevel div.x-grid-cell-inner, .x-panel-layermodel_moreinfos #comp_dash_layers_tree td.fifthlevel div.x-grid-cell-inner, .x-panel-layermodel_moreinfos #comp_dash_layers_tree td.sixthlevel div.x-grid-cell-inner { background: #fff; padding: 0px !important; border-bottom: #e2e2e2 1px solid!important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px!important; border-width: 0px; height: 23px !important; line-height: 24px; font-size: 11px; font-weight: normal; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: auto !important; white-space: nowrap; } .iconClose_moreinfo{ background: url("../images/Light/newPopupWindowCloseDarkBg.png") no-repeat left 3px transparent; width:16px; height:16px; } /*---end Layer model more info box ---*/ /*----------search input place holder----issue Bud id -14921 ------------------*/ input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder { color: #999999; -webkit-text-fill-color: #999999; } #hostDetailsId_header{ background:#5a5a5a !important; border:none; } /**--- My Dashboard Dropdown Without Border start - Saravana ---**/ .x-field-dropdownNoBorder .x-form-text { border-color: #ffffff !important; border-style: solid; border-width: 0px 0px 1px 0px !important; padding-left: 2px; padding-bottom: 0px; font-weight: normal; height: 22px; line-height: 1.6em; background-color: transparent !important; font-size:13px !important; font-weight:500; } .x-field-dropdownNoBorder .x-form-text{ padding-left: 2px; } .x-field-dropdownNoBorder div.x-form-trigger{ background: url("../images/Dark/form_input_buttons.png") no-repeat scroll 8px 2px transparent !important; border-color:#ffffff !important; border-style:solid; border-width:0px 0px 1px 0px !important; height:22px !important; } .x-field-dropdownNoBorder.x-form-text.state_HIGH, .x-field-dropdownNoBorder.x-form-text.state_INTERMEDIATE, .x-field-dropdownNoBorder.x-form-text.state_LOW, .x-field-dropdownNoBorder.x-form-text.state_UNKNOWN, .x-field-dropdownNoBorder.x-form-text.state_GOOD, .x-field-dropdownNoBorder.x-form-text.state_GRAY{ background-position : 8px 3px !important; } /**--- My Dashboard Dropdown Without Border End - Saravana ---**/ /***---------------------Admin top navigation ---------------------***/ .topnavigation_search, .topnavigation_user, .topnavigation_qlinks, .topnavigation_downloadagents, .topnavigation_notifications, .topnavigation_alarms, .topnavigation_utilities, .topnavigation_userswitch, .topnavigation_userswitchback, .topnavigation_egHelp, .topnavigation_logout { background-image:url('/final/images/Light/topnavigationicons.png'); background-repeat :no-repeat; width:16px; height:16px; /*background-position:center center;*/ } .topnavigation_search { background-position:0px 0px; } .selected_navigation topnavigation_search, .topnavigation_search:hover { background-position:0px -17px !important;} .topnavigation_user { background-position:-17px 0px; } .selected_navigation .topnavigation_user, .topnavigation_user:hover { background-position:-17px -17px !important;} .topnavigation_qlinks{ background-position:-34px 0px; } .selected_navigation .topnavigation_qlinks, .topnavigation_qlinks:hover{ background-position:-34px -17px !important;} .topnavigation_downloadagents{ background-position:-153px 0px;} .selected_navigation .topnavigation_downloadagents, .topnavigation_downloadagents:hover{ background-position:-153px -17px !important;} .topnavigation_notifications{ background-position:-50px 0px ;} .selected_navigation .topnavigation_notifications , .topnavigation_notifications:hover{ background-position:-50px -17px !important} .topnavigation_alarms{ background-position:-68px 0px;} .selected_navigation .topnavigation_alarms, .topnavigation_alarms:hover{ background-position:-68px -17px !important;} .topnavigation_utilities{ background-position:-102px 0px;} .selected_navigation .topnavigation_utilities, .topnavigation_utilities:hover{ background-position:-102px -17px !important;} .topnavigation_userswitch{ background-position:-119px 0px;} .selected_navigation .topnavigation_userswitch, .topnavigation_userswitch:hover{ background-position:-119px -17px !important;} .topnavigation_userswitchback{ background-position:-170px 0px;} .selected_navigation .topnavigation_userswitchback, .topnavigation_userswitchback:hover{ background-position:-170px -17px !important;} .topnavigation_egHelp{ background-position:-85px 0px;} .selected_navigation .topnavigation_egHelp, .topnavigation_egHelp:hover{ background-position:-85px -17px !important;} .topnavigation_logout{ background-position:-136px 0px;} .selected_navigation .topnavigation_logout, .topnavigation_logout:hover{ background-position:-136px -17px !important;} .x-toolbar-separator.topnavigation_seperator{ width: 2px; height: 14px; background: none !important; margin: 0px 4px; border-width: 0px 1px 0px 1px !important; border-style:solid !important; border-color:#737373 #737373 #737373 #424141 !important; } /*---new combo style---*/ .x-field-eg-new-combo{} .x-field-eg-new-combo-search{} .x-field-eg-new-combo-search .x-form-field.x-form-text, .x-field-eg-new-combo .x-form-field.x-form-text{ background:transparent; color:#fff; padding-left:10px; border-width:0px 0px 1px 0px; } .x-field-eg-new-combo.inputSearchIcon .x-form-field.x-form-text{ background-image: url('/final/images/Light/search_trigger_icon.png'); background-position: 0 5px; background-color:transparent; padding-left:20px; background-repeat:no-repeat; } .x-field-eg-new-combo.inputUserswitchIcon .x-form-field.x-form-text{ background-image: url('/final/images/Light/userswitch_icon_trigger.png'); background-position: 0 5px; background-color:#585858;/*F*/ padding-left:20px; background-repeat:no-repeat; } .x-field-eg-new-combo .x-form-trigger { background-image: url('/final/images/Light/trigger_new.png'); background-position:3px 0px; width: 19px; height: 22px; border-width:0px 0px 1px 0px; cursor: pointer; cursor: hand; overflow: hidden; } .x-field-eg-new-combo-search .x-form-trigger{ background-image: url('/final/images/Light/search_trigger_close.png'); background-position:7px 7px; background-repeat:no-repeat; width: 19px; height: 22px; border-width:0px 0px 1px 0px; cursor: pointer; cursor: hand; overflow: hidden; } .x-panel-pickerui{ background:#fff; border:#9c9c9c 1px soild; -webkit-box-shadow: 3px 2px 7px 1px rgba(0,0,0,0.25); -moz-box-shadow: 3px 2px 7px 1px rgba(0,0,0,0.25); box-shadow: 3px 2px 7px 1px rgba(0,0,0,0.25); } .x-panel-pickerui .x-toolbar-footer{ background-color: #e7e7e7 !important; background-image: none !important; border-color: #aab1bc !important; border-width:0px 1px 1px 1px !important; border-style:solid !important; margin:0px; } /*---new_yellowTip for top navigation--*/ .x-tip.new_yellowTip{ background:#eaedb4 !important; border-radius:0 !important; } .x-tip.new_yellowTip .x-tip-body, .x-tip.new_yellowTip .x-form-invalid-tip-body { color:#000 !important; padding:1px 4px 1px 4px!important; line-height:1em; } .x-tip.new_yellowTip div.x-tip-body, .x-tip.new_yellowTip.para .x-tip-body{ } .x-tip.new_yellowTip .x-tip-anchor { position: absolute; overflow: hidden; border-style: solid; border-width: 5px; border-color:none; zoom: 1; } .x-tip.new_yellowTip .x-border-box .x-tip-anchor {} .x-tip.new_yellowTip .x-tip-anchor-top { width: 12px !important; height: 6px !important; border:0px !important; background:transparent url('/final/images/Dark/yellowTipArrowUp.png') !important; } .x-tip.new_yellowTip .x-tip-anchor-bottom { width: 12px !important; height: 6px !important; border:0px !important; background:transparent url('/final/images/Dark/yellowTipArrowBottom.png') !important; } .x-tip.new_yellowTip .x-tip-anchor-left { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #eaedb4; } .x-tip.new_yellowTip .x-tip-anchor-right { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #eaedb4; } #configModQuickAlarm{ left:-385px !important;top:8px !important;} #utilconfig{left:-93px !important;top:0px !important; } a.linkColor, a.linkColor:hover { color:inherit; } /*---end new_yellowTip for top navigation--*/ /***---------------------End of admin top navigation ---------------------***/ /* inside view dashboard measures page toolbar designs start here */ .insideViewMeasuresToolbar{ background:#cdcdcd !important; padding:0px 0px 0px 5px; border-top:0px solid #adadad !important; border-right:0px solid #adadad !important; border-bottom:0px solid #cfcfcf !important; border-left:0px solid #adadad !important; } .insideViewMeasuresToolbar2{ background:#e6e6e6 !important; padding:0px 0px 0px 5px; border-top:1px solid #adadad !important; border-right:0px solid #adadad !important; border-bottom:0px solid #cfcfcf !important; border-left:0px solid #adadad !important; } .insideViewMeasuresToolbar.x-toolbar{ overflow:hidden !important; } .insideViewMeasuresToolbar .x-toolbar .x-toolbar-separator-horizontal, .insideViewMeasuresToolbar .x-toolbar .x-toolbar-separator, .insideViewMeasuresToolbar .x-toolbar-separator, .insideViewMeasuresToolbar .x-toolbar .x-toolbar-separator-default{ width: 1px; height: 26px; margin: 0px 4px 0px 4px; background:none; top:0px !important; position:absolute !important; border-color: #adadad !important; border-width:0px 1px 0px 0px !important; border-style:solid !important; } .insideViewMeasuresOuter{ border:1px solid #afafaf; } /* inside view dashboard measures page toolbar designs end here */ /*Info Combox Class for Inside View Dashboard-Measures Page-start*/ #info_insideViewCombo-inputEl.x-form-text { border-color: #abb2bd; border-style: solid; border-width: 1px 0 1px 1px; padding-left: 24px; padding-bottom: 0px; color: #000; font-weight: normal; height: 22px; line-height: 1.6em; background-color:#fff; } #info_insideViewCombo-inputEl.x-form-text.state_HIGH{ background-image:url('../images/Light/state_component_combo_HIGH.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #info_insideViewCombo-inputEl.x-form-text.state_INTERMEDIATE { background-image:url('../images/Light/state_component_combo_INTERMEDIATE.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #info_insideViewCombo-inputEl.x-form-text.state_LOW { background-image:url('../images/Light/state_component_combo_LOW.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #info_insideViewCombo-inputEl.x-form-text.state_UNKNOWN{ background-image:url('../images/Light/state_component_combo_UNKNOWN.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #info_insideViewCombo-inputEl.x-form-text.state_GOOD{ background-image:url('../images/Light/state_component_combo_GOOD.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #info_insideViewCombo-inputEl.x-form-text.state_GRAY{ background-image:url('../images/Light/state_component_combo_GRAY.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #info_insideViewCombo .x-form-trigger{ background: url("../images/Light/form_input_buttons.png") no-repeat scroll 4px 2px #fff; border-color:#abb2bd; border-style:solid; border-width:1px 1px 1px 0px; height:22px !important; } /*------Desktop insideview combo-------------------*/ #desktop_insideViewCombo-inputEl.x-form-text { border-color: #abb2bd; border-style: solid; border-width: 1px 0 1px 1px; padding-left: 24px; padding-bottom: 0px; color: #000; font-weight: normal; height: 22px; line-height: 1.6em; background-color:#fff; } #desktop_insideViewCombo-inputEl.x-form-text.state_HIGH{ background-image:url('../images/Light/state_component_combo_HIGH.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #desktop_insideViewCombo-inputEl.x-form-text.state_INTERMEDIATE { background-image:url('../images/Light/state_component_combo_INTERMEDIATE.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #desktop_insideViewCombo-inputEl.x-form-text.state_LOW { background-image:url('../images/Light/state_component_combo_LOW.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #desktop_insideViewCombo-inputEl.x-form-text.state_UNKNOWN{ background-image:url('../images/Light/state_component_combo_UNKNOWN.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #desktop_insideViewCombo-inputEl.x-form-text.state_GOOD{ background-image:url('../images/Light/state_component_combo_GOOD.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #desktop_insideViewCombo-inputEl.x-form-text.state_GRAY{ background-image:url('../images/Light/state_component_combo_GRAY.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #desktop_insideViewCombo .x-form-trigger{ background: url("../images/Light/form_input_buttons.png") no-repeat scroll 4px 2px #fff; border-color:#abb2bd; border-style:solid; border-width:1px 1px 1px 0px; height:22px !important; } /*Info Combox Class for Inside View Dashboard-Measures Page-end*/ /** TT Integration Item Selector Panel Header style-Start **/ .outerpanel_tti .itemselector .x-panel-header{ background: transparent !important; } .outerpanel_tti .itemselector .x-panel-header-text { font-size: 14px; margin-left: 0px; } .outerpanel_tti .itemselector .x-panel-body { background: transparent !important; } /** TT Integration Item Selector Panel Header style-End **/ /* netscaler Topology styles start here */ .commonsizeTopo{ font-size:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; fill:#414141; color:#414141; } .commonsize_strokeTopo{ stroke:#ffffff; stroke-width: 9px; font-weight:500; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; stroke-linejoin: round; fill:#414141; fill-opacity: 1; stroke-opacity: 1; } .commonsize_stroke_highlightTopo{ fill-opacity: 0; stroke: #ffffff; stroke-width: 5px; } .topologySlider { left: 14px; top: 38px; } .topologySlider .slider_buttons { margin-top: 0px; position: absolute; top: -10px; left: -1px; z-index: 1; height: 110px; width: 10px; border-color: #b4b4b4; border-width: 0px 1px; border-style: solid; background: #fff; } .topologySlider.ui-slider-vertical{ height:85px; width:8px; } .topologySlider .ui-widget-content{ border: solid #b4b4b4; border-width: 0px 1px; background: #ffffff; color: #222222; margin-top: 90px; } .x-fieldset.x-fieldset-gaugeChartFieldSet{ border: #e1e1e1 1px solid; background: #ffffff; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .x-fieldset-gaugeChartFieldSet .x-fieldset-header .x-fieldset-header-text{ border: 1px solid #e3e3e3 !important; margin-top: 1px; background-color:#ffffff; padding: 3px 5px 3px 5px; font-size: 12px; width:200px; text-align:center; } .x-fieldset-gaugeChartFieldSet .x-fieldset-header{ padding:0px; margin:auto; } .x-webkit .x-fieldset-gaugeChartFieldSet .x-fieldset-header { -webkit-padding-start: 0px !important; -webkit-padding-end: 0px !important; } .netscalerProgressBar{ background:#345c92; } .netscalerPanelBody .x-panel-body-newOuterPanel{ margin-top:10px; } /* netscaler Topology styles end here */ /* SAP Platform start here */ .sapTitleDescription { text-transform: capitalize; } table.sapResponseTable { border-color: #ffffff; } .sapResponseTable tr, .sapResponseTable td { border-color: #cdcdcd; } .sapResponseTable tr:nth-child(2n){ background: #f9f9f9; } .sapTitleGridContainer table .x-grid-with-col-lines .x-grid-cell { border-right: 1px solid #d0d0d0 !important; } .sapTitleGridContainer .x-grid-header-ct { border-color: #c7c7c7; border-style: solid; border-width: 0px 0px 0px 0px ; border-radius: none; } .sapTitleGridContainer .x-grid-row .x-grid-cell .x-grid-cell-inner { border-width: 1px 0px 1px 0px !important; border-color: #e3e3e3 !important; border-style: solid !important; } .sapTitleGridContainer .x-grid-row .x-grid-cell.x-grid-cell-first .x-grid-cell-inner{ border-left: 1px solid #e3e3e3 !important; } .sapTitleGridContainer .x-grid-row .x-grid-cell.x-grid-cell-last .x-grid-cell-inner{ border-right: 1px solid #e3e3e3 !important; } .sapTitleGridContainer .templategridColumn.bgGrid.x-grid-cell { border: 0px solid transparent; position: relative; background-color:#ffffff; } .sapLoadHeaderTitle { position: absolute; background-color: #fbfbfb; width: 180px; margin-left: -7px; padding: 10px 0 0 10px; z-index: 99; top: 10px; border-width: 1px 1px 0px 1px; border-color: #e3e3e3; border-style: solid; } .x-panel .x-grid-body.sapTitleGridContainer { border-color: #cdcdcd; border-right: 1px solid #cdcdcd; } .sapTitleGridContainer .x-column-header-sort-null{ border-image: none !important; background-color: #e7e7e7 !important; text-shadow: none !important; background-image: none !important; box-shadow: none !important; } .sapTitleGridContainer .x-grid-row-alt .x-grid-cell { background-color: transparent; } .sapTitleGridContainer .x-grid-header-ct .x-column-header-sort-null { background-image: none; background-color: #e7e7e7; } .sapTitleGridContainer .x-grid-header-ct .x-column-header-sort-null.x-column-header-last{ border-right: 1px solid transparent; border-width: 0px !important; } .sapTitleGridContainer .x-grid-row .x-grid-cell.bgGrid .x-grid-cell-inner { background-color: #fbfbfb; margin-top: 52px; margin-bottom: 0px; } .sapTitleGridContainer tr:last-child .x-grid-cell.bgGrid .x-grid-cell-inner { margin-bottom: 10px; } .sapTitleGridContainer .x-grid-row .x-grid-cell.bgGrid.x-grid-cell-first .x-grid-cell-inner{ margin-right: 0px; margin-left: 10px; } .sapTitleGridContainer .x-grid-row .x-grid-cell.bgGrid.x-grid-cell-last .x-grid-cell-inner{ margin-left: 0px; margin-right: 10px; } .sapTitleGridContainer .x-grid-row .x-grid-cell.bgGrid .x-grid-cell-inner.x-grid-cell-first { border-width: 0px 0px 1px; border-color: #000000; border-style: solid; } .x-grid-locked.x-panel-newGridPanel.hideLockedShadow .x-grid-inner-locked { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .x-panel-newGridPanel.headerWrap .x-column-header-inner .x-column-header-text {/*F*/ white-space: normal !important; } .sapLoadIconText { padding: 0 0 0 10px; height: 18px; } .sapLoadBorderLine { position: relative; content: ""; width: 28px; height: 4px; background: #adadad; bottom: 2px; left: 10px; } .sapLoadBorder{ position: absolute; right: -12px; background-color: #e3e3e3; content: ""; width: 1px; height: 100%; top:0; } .sapLoadBorder1{ position: absolute; right: -6px; top: 0; height: 100%; } .sapLegendCircle { width: 6px; height: 6px; float: left; margin: 5px 5px 0 0; border-radius: 50%; } .sapLoadTitleBox { display: flex; align-items: center; } .sapLoadGauageBorder { border-right: 1px solid #e3e3e3; width: 1px;right: 0px; display: block; position: relative; height: 100%; } .sapLoadColumnBorder { border-right: 1px solid #e3e3e3; width: 1px;right: 0px; display: block; position: relative; height: 100%; } .sapLoadBarBorder{ border-right: 1px solid #e3e3e3; width: 1px;right: 0px; display: block; position: relative; height: 100%; } .accordionShadow .x-accordion-item { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; padding: 1px 1px 1px 1px; border-width: 0 0 0 0; border-style: solid; background-color: #ffffff; box-sizing: border-box; box-shadow: 1px 1px 2px -1px #474849; -webkit-box-shadow: 1px 1px 2px -1px #474849; -moz-box-shadow: 1px 1px 2px -1px #474849; -o-box-shadow: 1px 1px 2px -1px #474849; } /* SAP Platform end here*/ /* Rum Request Flow Style Start */ #rumBTM .RUMTopologywrapper { height: 100%; min-height: 100%; width: 100%; min-width: 100%; border-width: 0px; border-style: solid; border-color: rgb(28, 28, 28); border-image: initial; position: absolute; top: 0; } #rumRequestFlow { background:#535353; padding: 15px 10px 10px 10px; } .bwrFieldset { border:1px solid #ddd; padding:0px 5px; } .bwrFieldset legend { font-size: 12px; font-weight:500; } .bwrFieldset li { font-size: 12px; padding: 3px 0px 2px 0px; border-bottom:1px solid #ddd; font-weight:500; color:#333; } .bwrFieldset li:last-child { border: none; } .bwrFieldset li img { border: none !important; margin-right:5px; } .bwrFieldset2bg { background:#F7F7F7; margin-top:5px;} .browserWaitIcon, .redirectionIcon, .appCacheIcon, .renderingIcon{ background: url('/final/images/Light/rumtopology_sprite.png'); } .browserWaitIcon { background-position:0px -220px !important; width:20px; height:20px; display: inline-block; vertical-align: middle; margin-right: 5px; } .redirectionIcon { background-position:-20px -220px !important; width:20px; height:20px; display: inline-block; vertical-align: middle; margin-right: 5px; } .appCacheIcon { background-position:-40px -220px !important; width:20px; height:20px; display: inline-block; vertical-align: middle; margin-right: 5px; } .renderingIcon { background-position:-60px -220px !important; width:20px; height:20px; display: inline-block; vertical-align: middle; margin-right: 5px; } /* Rum Request Flow Style End */ /* multi select search outer border -- Need to check all item and multi selector styles */ .multiselect .x-toolbar{ border-color:#abb2bd !important; border-width:1px 1px 0px 1px !important; border-style:solid !important; background-color: #f3f3f3 !important; } /* multi select search outer border end*/ /* reporter menu scroll bar issue styles */ #reportFunctionPanel-body, #reportComponentPanel-body, #reportServicePanel-body, #reportZonePanel-body, #reportSegmentPanel-body{ overflow:auto; } #reportFunctionPanel-innerCt.x-box-inner, #reportFunctionPanel-body .x-grid-view, #reportComponentPanel-innerCt.x-box-inner, #reportComponentPanel-body .x-grid-view, #reportServicePanel-innerCt.x-box-inner, #reportServicePanel-body .x-grid-view, #reportZonePanel-innerCt.x-box-inner, #reportZonePanel-body .x-grid-view, #reportSegmentPanel-innerCt.x-box-inner, #reportSegmentPanel-body .x-grid-view{ overflow:visible; } /* reporter menu scroll bar issue styles */ /* Virtual tab - inside view of vms - Measures new view state icon alignment */ #insideTabPanelId button span.x-tab-icon{ margin-top:2px } /* TTI integration common setting changes start - Saravana */ .ttiFilterContainer { background-color:#F7F7F7; border:1px solid #d2d2d2; box-shadow:none; padding:0px 0px 5px 0px; } .filterOptionTitleBorder { background:#d2d2d2; height:1px; } .multisearchlist .x-panel-body-default { background: transparent; } .multiselectFontNormal11 .x-panel-header-text{ font-size: 11px !important; } /* -- Need to check all item and multi selector styles -- */ .itemselector .x-toolbar { border-color:#abb2bd !important; border-width:1px 1px 0px 1px !important; border-style:solid !important; background-color: #f3f3f3 !important; } .itemselector .x-panel-header-text-container { padding:0px; } /* TTI integration common setting changes end - Saravana */ #vdiListGrid .x-panel-newGridPanel{ border-width: 0px; } #systemViewMeasuresgridpanel .x-panel-newGridPanel.x-grid{ border-width: 1px; } /* for legend Changes -start Here*/ .showDiv{ display: block !important; } .hideDiv{ display: none !important; } /* legend Changes -Ends Here*/ /*-- Detailed Diagnosis HTML table OuterHeader style Start - saravana - 04sep2018--*/ .ddHtmlTableHead div.x-panel-header { background:#fbfbfb; border:none; } .ddHtmlTableHead div.x-panel-header span{ font-size: 12px; padding-left: 5px; } /*-- Detailed Diagnosis HTML table OuterHeader style End - saravana - 04sep2018 --*/ /*------------session simulation tooltip arrow-------------------*/ .sessionSimulationTooltipArrow{ background:url("../images/Light/tooltip-arrow.png") no-repeat left top transparent; width: 15px; height: 8px; position:relative; z-index:9999; } /*------RUM Request Flow--------------*/ #rumRequestFlow .browerblock { width: 212px; margin-top: 15px; /*padding-top: 60px;*/ padding-top: 32px; background-position: left top; position: relative; margin-left:3px; } .rumRequestInfoBox{ border:1px solid #d2d2d2; text-align:center; background:#f0f0f0; font-size:10px; } .rumRequestInfoBox td{ padding:2px; } .datapanel div.x-panel-body-sysConfigPanel { background: transparent !important; } /* Need to Work with new styles mp vijay start here - layermodel page */ .dropdown24.policy .x-form-trigger-wrap { width: 100% !important; } .maintenanceConfigWindow { border : 1px solid #2e2e2e; } .maintenanceConfigWindow .x-window-header-newPopupWindow, .maintenanceConfigWindow .x-window-header-body-newPopupWindow { background : #535353; color : #fff; font-size: 15px; text-transform: uppercase; } .maintenanceConfigWindow .x-window-header-body-newPopupWindow .x-tool img.x-tool-close, .maintenanceConfigWindow .x-window-header-body-newPopupWindow .x-tool img.x-tool-over .x-tool-close { background-image: url(/final/images/Light/close-white-icon.png); } .maintenanceConfigWindow .x-form-item-label-top { font-size: 13px; padding: 0 0 6px 0; } .maintenanceConfigWindow .x-toolbar-footer { background: #f1f1f1; border-top: 1px solid #e0e0e0; margin-top: 0px; padding: 13px 0 11px 6px; } .datepickerBig .x-form-item-body input.x-form-text { background: #fff; border-color: #abb2bd; border-style: solid; border-width: 1px 0px 1px 1px; padding-left: 6px; padding-right: 0px; height: 25px !important; } .datepickerBig .x-form-trigger { background: url(../images/Light/form_input_buttons.png) no-repeat scroll 52% 3px #fff; border-color: #abb2bd; border-style: solid; border-width: 1px 1px 1px 0px; height: 25px !important; } .policyLabelBottomBorder1, .policyLabelBottomBorder:last-child { border-bottom: 1px solid #e6e6e6; } .policyLabelBottomBorder:first-child { padding-top: 0px !important; } /* Need to Work with new styles mp vijay End here */ /* Jvm reports styles start here --- MP VIJAY */ .dividerGradient, div.dividerGradient { background: linear-gradient(to right, #fefefe , #d3d3d3) !important; background-size: 17px 100% !important; background-repeat:no-repeat !important; background-position: right !important; overflow:visible } .jvmRightBorder { border-right: 1px solid #EBEBEB; } .jvmRightBorder:last-child { border-right: 0px solid #EBEBEB; } .jvmTopBorder { border-top-color: #EBEBEB; border-top-style: solid; border-top-width: 1px; } .jvmNotes{ line-height:1.5em; text-align:left; } .jvmAnchorLink { text-decoration : underline; color : #2670ad; } .jvmListTimingBox { border: 1px solid #e0e0e0; box-shadow: 0 0 10px rgba(175,175,175,0.6); -moz-box-shadow: 0 0 10px rgba(175,175,175,0.6); -webkit-box-shadow: 0 0 10px rgba(175,175,175,0.6); -o-box-shadow: 0 0 10px rgba(175,175,175,0.6); border-radius: 2px; } .jvmListTiming { border-bottom: 0px; position:relative; } .jvmListTiming:before { position: absolute; bottom: 0px; left: 10; width: 60px; content: ""; border-style: solid; border-color: #e6e6e6; border-width: 0px 0px 1px 0px; } .jvmListTiming:last-child:before { display:none; } .jvmListTimingBottomBorder { border-style : solid; border-color: #d8d8d8; border-width: 0 0 1px 0; } .jvmObservList:first-child table td{ padding: 0px 0 5px 0; } .jvmObservList table td{ padding: 5px 0 5px 0; } .jvmObservList:last-child table td { padding: 5px 0 0 0; } .jvmGraphSeperatorLineRight table tr td.jvmHeaptable:nth-child(1) { border-right: 1px solid #dbdada; padding: 0 20px 2px 0; vertical-align: top; } .jvmGraphSeperatorLineRight table tr td.jvmHeaptable:nth-child(2){ border-right: 0px solid #f2f2f2; padding: 0 0 2px 20px; vertical-align: top; } .jvmGraphSeperatorLineRight tr:last-child { padding-bottom:0px !important; } .jvmGraphSeperatorLineRight table tr:last-child td.jvmHeaptable:nth-child(1){ padding : 0 20px 0px 0px !important; } .jvmGraphSeperatorLineRight table tr:last-child td.jvmHeaptable:nth-child(2) { padding : 0 20px 0px 20px !important; } .jvmObservPanelBox{ background-color: #f2f2f2; border: 1px solid #d5d5d5; } /* Jvm reports styles End here --- MP VIJAY */ /* Admin delete user checkbox with tree - start here - feroz */ .treePanelDesign_chk .x-tree-checkbox { background-image: url(../images/Light/checkbox_new.png); background-position: 0px -1px; background-repeat: no-repeat; background-color: transparent; margin-top: 2px; width: 16px; height: 15px; } .treePanelDesign_chk .x-tree-checkbox-checked { background-image: url(../images/Light/checkbox_new.png); background-position: 0 -20px; background-repeat: no-repeat; background-color: transparent; margin-top: 1px;/*F*/ width: 16px; height: 15px; } .treePanelDesign_chk.gridSkin .x-grid-view { border-top-color: #525252 !important; border-right-color: #1a1a1a; border-bottom-color: #1a1a1a; border-left-color: #1a1a1a; border-style: solid; border-width: 0px 0px 0px 0px !important; } .treePanelDesign_chk.gridSkin div.x-toolbar { padding: 0px 0px 3px 0px; } /* Admin delete user checkbox with tree - end here - feroz */ /* For Config module accordion arrow styles onemore - start here */ .formOuter.accordionArrow .x-tool img.x-tool-expand-bottom, .formOuter.accordionArrow .x-tool img.x-tool-over .x-tool-expand-bottom { overflow: hidden; width: 16px; height: 16px; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background : url('../images/Light/eG_Icons.png') no-repeat top left; margin:0px; background-position: 0px -960px !important; } .formOuter.accordionArrow .x-tool img.x-tool-collapse-top, .formOuter.accordionArrow .x-tool img.x-tool-over .x-tool-collapse-top { overflow: hidden; width: 16px; height: 16px; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background : url('../images/Light/eG_Icons.png') no-repeat top left; margin:0px; background-position: 0 -980px !important; } .formOuter.accordionArrow .x-panel-header .x-panel-header-text-container{ padding:4px; } /* For Config module accordion arrow styles onemore - end here */ /*------------Feroz Changes starts----------*/ /*----Alarms Page----*/ .linkText{ color:#626262; text-decoration:underline; } .x-tip.yellowTip .linkText{ /* for - bugId-18160 - 25july2019 Dinesh */ color:#fff; } .tabsep{ border-width:1px 0px 0px 0px; border-color:#e1e1e1 #000 #000 #000; border-style:solid; } .x-btn-default-small.button10 { border-radius: 0px; padding: 2px 2px 2px 2px; border-width: 0px; border-style: solid; background-image: none; background-color: transparent; background-image:none } .x-panel-newGridPanel.newGridPanelBorder{ border-width:1px !important; } .x-panel-newGridPanel.newGridPanelBorder .x-panel-header-newGridPanel{ border-width:0px 0px 1px 0px!important; border-style:solid; border-color:#cdcdcd; } .x-panel-empty-collapsed{ width:0px !important; } .gridSkin .x-toolbar-footer-docked-bottom{ border-width:1px 0px 0px 0px!important; border-style:solid; border-color:#cdcdcd; } .layerIcon{/*F*/ margin:0px 3px !important; } .x-tip-body .linkText{ /*color:#c1c1c1; Need to recheck - vijay changed this */ color:#626262; } .x-tip.alarmTip .linkText{ color:#626262; } /*---layer model toolbar starts---*/ #toolbarLayer{ height:24px; overflow:hidden; } #toolbarLayer span{ margin:3px 8px 0px 6px !important; position:relative; display: inline-block; } #toolbarLayer span:before { content: ""; display: inline-block; width: 0px; height: 18px; background: none !important; border-width: 0px 1px 0px 1px !important; border-style: solid !important; border-color: #737373 #737373 #737373 #424141 !important; position:absolute; left: -8px; margin: 0 0px 0 0px; } .layerListTitle{ padding:3px 0px 0px 0px; } .layer_state_button{ top:5px !important; } /*---layer model toolbar ends---*/ /*--virtual servers page styles starts here--*/ .tablepanel table { border-collapse: collapse; border-style: hidden; } .tablepanel table td, .tablepanel table th { border: 1px solid #e5e5e5; background:#fff; } .tablepanel table td:hover, .tablepanel table th:hover{ background:#e5e5e5; } /*--virtual servers page styles ends here--*/ .borderPanel{ border-width:1px 1px 1px 1px; border-style:solid; border-color:#cdcdcd; } .removeLineForTvMode{/*f*/ display:none } .virtualLiveImg{/*f*/ display:inline-block; } .iconLiveGraphPosition{/*f*/ position: relative; top: 3px; left: 10px; } /*--popup design--starts---*/ .x-container-configOuterContainer#ctxConfigWindow .x-window-body{ border:none !important } .x-container-configOuterContainer{ background:#f7f7f7; overflow:visible; border:1px solid #adadad; -webkit-box-shadow: 0px 0px 5px 0px rgba(100, 100, 100, 0.60); -moz-box-shadow:0px 0px 5px 0px rgba(100, 100, 100, 0.60); box-shadow: 0px 0px 5px 0px rgba(100, 100, 100, 0.60); } .x-container-configOuterContainer .settingsfont { font-weight: 500; font-size:14px; color: #000; text-transform: uppercase; } .x-container-configOuterContainer .configMode_popupArrow{ background: url('../images/Light/settingsWindowContainerArrow.png') no-repeat left top transparent; width: 24px; height: 14px; position:absolute; z-index:9999; } .x-container-configOuterContainer .configMode_header{ border-bottom:#e1e1e1 1px solid; } .x-panel-body-configInnerContainer{ border-bottom:#e1e1e1 1px solid; } .x-panel-configInnerContainer .x-toolbar-footer{ padding:0px; } /*--popup design--ends---*/ /*-----KBS Grid Styles starts----*/ .new-x-table table{ border:#cdcdcd 1px solid; } .new-x-table .x-grid-cell-inner{ white-space: normal; } .new-x-table table tr:nth-child(even) { } .new-x-table table thead th.x-grid-cell{ vertical-align:middle; background:#e6e6e6; font-weight: 500; } .new-x-table table thead th{ background:#e6e6e6; padding:3px 5px; border-style:solid; border-color:#fff #cdcdcd #fff #cdcdcd !important; border-width:0px 0px 0px 1px !important; } .new-x-table table thead th:first-child{ border-width:0px 0px 0px 0px !important; } .new-x-table table thead th:last-child{ border-width:0px 0px 0px 1px !important; } .new-inner-x-table table{ border-width:0px !important; } .new-inner-x-table tbody td{ background:#e6e6e6; padding:3px 5px; border-style:solid; border-color:#cdcdcd #cdcdcd #cdcdcd #cdcdcd !important; border-width:1px 0px 0px 0px !important; vertical-align: middle; } .new-x-table .borderbottom_alt{ border-width:0px 0px 0px 0px !important; } .new-inner-x-table tbody tr.x-grid-row td.x-grid-cell{ background:#f7f7f7; vertical-align: middle; } .new-x-table table tbody td:first-child{ border-width:1px 0px 0px 0px !important; } .new-x-table table tbody td:last-child{ border-width:1px 0px 0px 0px !important; } .fixedtable table td{ font-size:12px; } .fixedtable{ border-style:solid; background: #fff; border-color:#cdcdcd; border-width:1px !important; margin:10px 10px 10px 10px; } /*-----KBS Grid Styles ends----*/ /*-----------------remote ctrl list starts-----*/ .remote-list li{ width:12.5%; height:121px; float:left; text-align:left; margin-right:0px; margin-top:0px; margin-bottom:0px; border-width:0px 1px 1px 0px; border-color:#fff #e5e5e5 #e5e5e5 #e5e5e5; border-style:solid; background:#fff; } .remote-list li:hover{ background: #e5e5e5; } .remote-list li.last-col{ border-color:#fff #fff #e5e5e5 #e5e5e5; } /*-----------------remote ctrl list ends-----*/ .measureHeader{ padding:5px 0px 5px 10px;font-size:12px; border-width:1px 1px 0px 1px !important; border-color:#cdcdcd !important; border-style:solid !important; background: #e6e6e6 } /*f----starts-------------Virtual zoomGraph Panel*/ .x-window-zoomGraphPanel{ background:#fff; } .x-window-body-zoomGraphPanel{ border-color: #e3e3e3; border-width: 1px 1px 1px 1px } .x-window-header-zoomGraphPanel { padding: 8px 10px 8px 10px; border-width: 1px 1px 1px 1px !important; border-style: solid; background-color: #f6f6f6; border-color:#d2d2d2; } .x-window-header-zoomGraphPanel-default { font-size: 11px; border-color: #e3e3e3; zoom: 1; } .x-window-header-text-zoomGraphPanel{ font-size: 12px; font-weight: 500; text-transform: none; } .x-window-header-zoomGraphPanel .x-tool img.x-tool-close, .x-window-header-zoomGraphPanel .x-tool img.x-tool-over .x-tool-close { overflow: hidden; width: 16px; height: 16px; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background-image: url(../images/Light/newPopupWindowClose.png); margin: 0px; background-position: 0px 0px !important; right: 4px !important; } /*f----ends-------------Virtual zoomGraph Panel*/ /*F*/ .datepicker .x-form-trigger-wrap{ width:100% } .remoteloaderbg table{ color:#fff; } /*------------Feroz Changes ends----------*/ /*------------Vijay Changes starts------this is only for Light theme ----*/ .tabsetsettingsWindow.x-window-default { background-color: #f7f7f7 !important; } .tabsetsettingsWindow.x-window-default .x-window-body { background-color: #f7f7f7 !important; } .measure-graph-panel.x-window-default { background-color: #f7f7f7 !important; } .measure-graph-panel.x-window-default .x-window-body { background-color: #f7f7f7 !important; } .testDetailsPopup{/*V*/ border:1px solid #cdcdcd } /*------------Vijay Changes ends----------*/ /*admin F*/ .splitter{ border-width:0px 0px 0px 1px; border-color:#000 #dedede #000 #dedede; border-style:solid; } .x-panel-windowdockedtop{ border-bottom: #e3e3e3 1px solid !important; background: #fbfbfb; } .windowtoolbarbottom{ border-top: #e3e3e3 0px solid !important; background: #fff!important; } .x-panel-innerAdminPanel{ } .x-panel-header.x-panel-header-innerAdminPanel{ padding:0px 0px !important; background: none !important; background: #dfe9f6; border-color:#e3e3e3; border-width: 1; border-style: solid; } .x-panel-header.x-panel-header-innerAdminPanel .x-panel-header-text{ font-size:16px; padding:0px 0px !important; } .x-panel-header.x-panel-header-innerAdminPanel .x-panel-header-text-container{ padding:0px 0px !important; } .x-panel-body.x-panel-body-innerAdminPanel { background: none !important; border: 0px; margin: 0px; z-index: 99; } .adminAlert .x-dlg-icon{width:24px !important;left:15px !important;} .ttfooter{ border-color:#c9c8c8; border-width:1px 0px 0px 0px !important; border-style:solid; } /*F combination of grid and treepanel*/ .x-panel-newGridPanel.treePanel .x-grid-row .x-grid-cell { font-size: 12px; line-height: 16px; vertical-align: middle; border-color: #eaeaea; border-style: solid; border-top-color: #eaeaea; border-width: 0 0 1px; } .x-panel-newGridPanel .x-grid-cell-special.x-grid-cell-first{ vertical-align: top!important; } .remoteControlInfo{ background:#525252; border:#636363 1px solid; color:#fff; } .x-fieldset.x-fieldset-collapsed { background:transparent!important; } .x-fieldset-with-title .x-fieldset-header-checkbox, .x-fieldset-with-title .x-tool { margin-right: 3px; margin-top: 5px; } /*V*//*-------admin Agents Test page---Header---------*/ .linesquareHeaderTop{ text-align:center; padding:6px; border-left-width:0px; border-right-width:1px; border-top-width:0px; border-bottom-width:0px; border-color:#B6B6B6; border-style:solid } .linesquareHeaderBottom{ text-align:center; padding:6px; border-left-width:0px; border-right-width:1px; border-top-width:0px; border-bottom-width:0px; border-color:#B6B6B6; border-style:solid } .linesquareFrameBorder{ border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; border-color:#B6B6B6; border-style:solid } /*V*//*-------admin Agents Test page---Header---------*/ .x-combo-list-group.multiInnerHeader{ background:#dedede } /*V*//*----------message box icon vertically center------------*/ .adminAlertIcon.x-dlg-icon{top:10px !important} /*V*//*----------Admin SNMP manager config----------------*/ .adminSnmpConfigInnerHeader .x-panel-header { background:#fff !important; border:none !important } /*--admin userinfo F--*/ a.eg_monlink{color:#000;text-decoration:none} a.eg_monlink:active {color:#000;text-decoration:none} a.eg_monlink:visited{color:#000;font-size:12px;text-decoration:none} a.eg_monlink:link{color:#000;font-size:12px;text-decoration:none} a.eg_monlink:hover{color:#000;font-size:12px;text-decoration:none} /*MPV*/ .tablayout.headerWithTransparentBorder .x-tab-bar { border-color : transparent; } .newTable.outerTableNoBorder table thead tr th { border-width: 0px 1px 1px 0px; } .x-panel-eg-accordion-panel.sapAccordionitems .x-accordion-hd { cursor: pointer; } .x-panel-newGridPanel.sapPlatformGrid .x-grid-header-ct{ border-width : 1px 1px 0px 1px !important; } /*MPV*/ /*Segement Combo State Combo starts*/ #stateCombo-inputEl.x-form-text { border-color: #abb2bd; border-style: solid; border-width: 1px 0 1px 1px; padding-left: 24px; padding-bottom: 0px; color: #000; font-weight: normal; height: 21px; line-height: 1.6em; background-color:#fff; } #stateCombo-inputEl.x-form-text.state_HIGH{ background-image:url('../images/Light/state_component_combo_HIGH.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #stateCombo-inputEl.x-form-text.state_INTERMEDIATE { background-image:url('../images/Light/state_component_combo_INTERMEDIATE.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #stateCombo-inputEl.x-form-text.state_LOW { background-image:url('../images/Light/state_component_combo_LOW.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #stateCombo-inputEl.x-form-text.state_UNKNOWN{ background-image:url('../images/Light/state_component_combo_UNKNOWN.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #stateCombo-inputEl.x-form-text.state_GOOD{ background-image:url('../images/Light/state_component_combo_GOOD.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } #stateCombo-inputEl.x-form-text.state_GRAY{ background-image:url('../images/Light/state_component_combo_GRAY.png'); background-repeat:no-repeat; background-position : 4px 2px !important; } /*Segement Combo State Combo ends*/ /*--------virtual config window------------*//*V*/ #virtConfigWindow .x-window-body-default{ background:#f7f7f7 !important; border:none !important; } #virtConfigWindow.x-window-default{ background:#f7f7f7 !important; margin:0 10px 0 10px !important; border: 1px solid #adadad; } #virtConfigWindow .x-window-header-default{ background:#f7f7f7 !important; border:none; margin:0 10px 0 10px !important; } #virtConfigWindow .x-window-header-body-horizontal{ background:#f7f7f7 !important; border-top:none; border-left:none; border-right:none; border-bottom:1px solid #e1e1e1 !important; padding:10px 0px 6px 0 !important; } #virtConfigWindow .x-window-header-text-default{ font-weight: 500; font-size: 14px; color: #000; text-transform: uppercase; } /*----------Layer model tab page---------------*/ #sysConfigPanel .block1 div.x-panel-header-default, #sysConfigPanel .block1 div.x-panel-header{ background: #f6f6f6; border-top:#cdcdcd 0px solid;/*V*/ border-right:#cdcdcd 0px solid;/*V*/ border-bottom:#dedede 1px solid !important;/*V*/ border-left:#cdcdcd 0px solid;/*V*/ -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -ms-border-radius:0px; -o-border-radius:0px; box-shadow:none; padding:2px 10px 3px 5px; } #netconfigpanel .block1 div.x-panel-header-default, #netconfigpanel .block1 div.x-panel-header{ background: #f6f6f6; border-top:#cdcdcd 0px solid;/*V*/ border-right:#cdcdcd 0px solid;/*V*/ border-bottom:#dedede 1px solid !important;/*V*/ border-left:#cdcdcd 0px solid;/*V*/ -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -ms-border-radius:0px; -o-border-radius:0px; box-shadow:none; padding:2px 10px 3px 5px; } #pagingtoolbarCustom.x-toolbar-default.x-docked-bottom{ border:none !important } /*----------Layer model tab page---------------*/ /*----------more Details----------------------*//*V*/ a.alarmConfigLink:active, a.alarmConfigLink:link, a.alarmConfigLink:visited, a.alarmConfigLink:hover{ color:#fff !important; font-size:12px !important/*V*/ } /*------Mobile RUM dashboard starts--------------*/ .iconAimobile, .iconAitab { background-image: url("/final/images/Light/iconAIMobile.png"); background-position: 0px 0px; background-repeat: no-repeat; } .iconAitab{ background-position:-0px -15px; width: 16px; height: 16px; } .iconAimobile-nodata{ background-position:-17px -15px; width: 16px; height: 16px; } .iconAimobile{ background-position:-0px -32px; width: 16px; height: 16px; } .iconAimobile-nodata{ background-position:-17px -32px; } #rumRequestFlow .browerblock { width: 212px; margin-top: 50px; padding-top: 32px; background-position: left top; position: relative; margin-left:3px } .rumRequestInfoBox{ border:1px solid #d2d2d2; background:#f0f0f0; font-size:12px; } .rumRequestInfoBox td{ padding:2px; } .kpi_list { width:100%; height:100%; display: table; table-layout: fixed; background: #fff; overflow:hidden; } .kpi_list > li { display: table-cell; text-align: center; position:relative; vertical-align: middle; } .kpi_list .pieChart{ overflow: visible!important; } .divider{ -webkit-box-shadow: -9px 0px 16px 3px rgba(0,0,0,0.15); -moz-box-shadow: -9px 0px 16px 3px rgba(0,0,0,0.15); box-shadow: -9px 0px 16px 3px rgba(0,0,0,0.15); border-left:#d4d4d4 1px solid; } .widget-pie{ /*width:230px;*/ } .widget-area{ /*width:170px;*/ } .widget-pie.overview{ /*width:230px;*/ } .widget-text.overview{ /*width:200px;*/ } .kpi_list li:last-child.widget-text{ /*min-width:170px; width:15%;*/ } .data-content{ /*position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);*/ } .kpi_list .highcharts-container{ overflow:visible !important; } svg.highcharts-root{ font-family:'Roboto', sans-serif !important; } .kpi_list_bg{ border:2px solid #dedede !important; background:#ffffff; } .kpiover .kpi_list_bg{ border:2px solid #c1ddf1 !important; cursor:pointer } .kpi_list_bg .heading{ padding:10px 0px; background: #fff; border-color: #e7e7e7; border-width:0px 0px 1px 0px; margin:0px 10px; border-style:solid; } .kpi_list_bg .divider{ border-left:#d3d3d3 1px solid; -webkit-box-shadow: -9px 0px 16px 3px rgba(0,0,0,0.15); -moz-box-shadow: -9px 0px 16px 3px rgba(0,0,0,0.15); box-shadow: -9px 0px 16px 3px rgba(0,0,0,0.15); } .kpi_list_bg .divider:first-child{ border-left:#d3d3d3 0px solid; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; } .highcharts-container, .highcharts-container svg { overflow: visible !important; } /*--overwrite height in grid ---*/ .x-panel-newGridPanel.medium .x-column-header-inner { zoom: 1; position: relative; white-space: nowrap; padding: 8px 10px 9px 10px; line-height: 18px; top: 2px; } .x-panel-newGridPanel.medium .x-grid-cell-inner { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding: 10px 10px 7px 10px; white-space: nowrap; } .x-panel-newGridPanel.medium .x-column-header-inner .x-column-header-text, .x-panel-newGridPanel.medium .x-column-header-inner { white-space: nowrap; font-weight: 500; } .x-panel-newGridPanel.medium .x-grid-row .x-grid-cell { font-weight: 500; } .x-panel-newGridPanel.medium .x-column-header-inner .x-column-header-text { white-space: normal; } /*--end overwrite height in grid ---*/ table.tboder { border-collapse: collapse; } table.tboder td { border: 1px solid #dedede; padding:5px; } table.tboder tr:first-child td { border-top: 0; } table.tboder tr td:first-child { border-left: 0; } table.tboder tr:last-child td { border-bottom: 0; } table.tboder tr td:last-child { border-right: 0; } #overwidget_map-body .gm-style .gm-style-iw-c { position: absolute; box-sizing: border-box; overflow: hidden; top: 0; left: 0; transform: translate(-50%,-100%); background-color: white; border-radius:0px; padding: 12px; border: #c1c1c1 1px solid; box-shadow: 0 2px 7px 1px rgba(0,0,0,0.3); } #overwidget_map-body .gm-style .gm-style-iw-t::after { background: white; box-shadow: -2px 2px 2px 0 rgba(178,178,178,.4); content: ""; height: 15px; left: 0; position: absolute; top: 0; transform: translate(-50%,-50%) rotate(-45deg); width: 15px; border-color: #fff #fff #c1c1c1 #c1c1c1; border-width: 1px 1px 1px 1px; border-style: solid; } .mobileInfobox li.infoboxlist{ margin:0px 10px 0px 0px; } .mobileInfobox li.infoboxlist:last-child{ margin:0px 0px 0px 0px; } .mobileInfobox li .displayName, .mobileInfobox li .value, .mobileInfobox li .unit{ font-family:'Roboto', sans-serif; color:#000; font-weight: 500; } .mobileInfobox li .value{ font-size: 24px; } .mobileInfobox li .unit{ font-size: 15px; } .mobileInfobox li .displayName{ font-size: 9px; } /*------Mobile RUM dashboard ends--------------*/ .frustrated{fill:#bf3a29;background:#bf3a29} .tolerating{fill:#f0a039;background:#f0a039} .satisfied{fill:#469116;background:#469116} .iconAiandroid, .iconAiios, .iconAi_application_launch { background-image: url("/final/images/Light/rum_mobile_apm_icons.png"); background-position: 0px 0px; background-repeat: no-repeat; } .iconAiandroid{ width:16px; height:16px; background-position: 0px 0px; } .iconAiios{ width:16px; height:16px; background-position: -16px 0px; } .iconAi_application_launch{ width:24px; height:24px; background-position: -32px 0px; } .textel{ white-space: nowrap; width: 98%; display:inline-block; overflow: hidden; text-overflow: ellipsis; } /*------Mobile RUM dashboard ends--------------*/ /* Tigger search close button issue */ .whitedropdown_search.trigger .x-form-trigger-wrap{ table-layout:auto !important; } #relatedAlertsPreviewData.x-tip-btmToolTipUi .x-tool img.x-tool-close, .x-tool img.x-tool-over .x-tool-close { overflow: hidden; width: 22px; height: 30px; cursor: pointer; margin:0px 0px 0px -4px!important; background-image: url(../images/Light/msgWindowClose.png)!important; } .treeouterpanel{ border: 1px solid #6c6c6c!important;} div#logTreeWestRegion-splitter.x-splitter-vertical{ background:#6c6c6c; } #btContextRulesGrid.x-panel-newGridPanel .x-grid-cell-special.x-grid-cell-row-checker .x-grid-cell-inner { padding-top: 13px; padding-bottom: 13px; padding-left: 4px; line-height: 15px; position: relative; } /************************************************************/ /*********apm admin chnages*********/ @font-face { font-family: 'Bebas Neue'; font-display: swap; src: url(../fonts/BebasNeue/BebasNeue-Thin.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } .x-panel-header-com-header{ border-bottom: 1px #dfe1e2 solid !important; padding: 18px 0px 16px; font-weight:bold; } .x-panel-header-text-com-header{ font-size:15px; } .x-toolbar-bottom-footer{ border-top: 1px #e9e9e9 solid !important; border-color:#e9e9e9 #fff #fff #fff; } .x-tab-bar-left-outer-tab{ background-color:#f5f5f5; background-image:none; z-index: 99; } .x-panel-body-left-tabpanel{ background:#f5f5f5; } .x-panel-body-left-tabpanel{ border-width: 1px; border-color: #d8d8d8; border-style: solid; } .x-tab-bar-body-left-outer-tab-left{ border-style: solid; border-color: #d8d8d8 #d8d8d8 #d8d8d8 #d8d8d8 !important; border-width: 1px 1px 1px 1px; position: relative; } .x-tab-bar-left-outer-tab .x-tab-default button { font-size:12px; } .x-tab-bar-left-outer-tab .x-tab-default-active{ background:#1d7cb9; } .x-tab-bar-left-outer-tab .x-tab-default-active button { color: #fff; font-size:12px; } .x-tab-bar-left-outer-tab .x-tab img{ display:inline-block;} .x-tab-bar-left-outer-tab .x-tab-default:after { height: 1px; display: block; width: 40px; bottom:-1px; left:9px; border-bottom: 1px #d9d9d9 solid; content: ''; position:absolute; } .x-tab-bar-left-outer-tab .x-tab .tablabel{ margin-top:7px; font-size:11px; font-weight:500; } .x-tab-bar-left-inner-tab{ background-color:#f5f5f5; background-image:none; border-color: #dcdedf; border-width:0px 0px 0px 0px !important; border-style:solid; } .x-tab-bar-left-inner-tab .x-tab-bar-strip{ display:none } .x-tab-bar-body-left-inner-tab-top .x-tab { border-color: #f5f5f5; cursor: pointer; cursor: hand; } .x-tab-bar-body-left-inner-tab-top{ border-style: solid; border-color: #fff #e6e6e6 #dcdedf #fff !important; border-width: 0px 0px 1px 0px !important; position: relative; height:52px !important; padding: 1px 6px 3px !important; } .x-tab-bar-body-left-inner-tab-top .x-tab-default-top { box-shadow:none; background-color: #f5f5f5; background-image: none; border-width:0 0 3px 0px!important; border-bottom: 3px solid #f5f5f5!important; padding: 3px 0px 0 0px; } .x-tab-bar-body-left-inner-tab-top .x-tab-default-top.x-tab em { display: block; padding: 0 0px; line-height: 1px; } .x-tab-bar-body-left-inner-tab-top .x-tab-default-top button .x-tab-inner{ height:auto !important; overflow:visible !important; padding:0px!important; } .x-tab-bar-body-left-inner-tab-top .x-tab-default-top img{ display:inline-block; margin-right:0px; margin-left:-4px; vertical-align:middle; } .x-tab-bar-body-left-inner-tab-top .x-tab-top-active { background-image: none; background-color: #f5f5f5; border-bottom-color:#1d7cb9 !important; } .x-tab-bar-body-left-inner-tab-top .x-tab-default button { font-size:14px; } .x-tab-bar-body-left-inner-tab-top .x-tab-top-active button { color: #1a1a1a; } .x-tab-bar-body-left-inner-tab-top .x-tab-default:after { height: 30px; display: block; width: 1px; top:10px; right: -30px; border-right: 1px #d9d9d9 solid; content: ''; position:absolute; } .x-tab-bar-body-left-inner-tab-top .x-tab-default:last-child:after{ border-right: 0px #000 solid; } .x-btn-default-toolbar-medium.blue-button, .x-btn-default-medium.blue-button{ background:#1d7cb9; border:#1a71a8 1px solid; border-radius:5px; background-image:none } .x-btn-default-toolbar-medium.blue-button.x-btn-over, .x-btn-default-medium.blue-button.x-btn-over{ background:#1a71a8; } .x-btn-default-toolbar-medium.blue-button .x-btn-inner, .x-btn-default-medium.blue-button .x-btn-inner{ color:#fff; font-size:14px; } .x-btn-default-toolbar-medium.blue-button.x-disabled, .x-btn-default-medium.blue-button.x-disabled{ background:#c7c7c7; border:#b2b2b2 1px solid; border-radius:5px; background-image:none } .x-btn-default-toolbar-medium.blue-button.x-disabled .x-btn-inner, .x-btn-default-toolbar-medium-disabled.blue-button.x-disabled .x-btn-inner { color: #fff !important; } .x-container-list-con{ border-bottom:1px solid #e6e7e8; } .textareafield textarea{ border-radius:5px; border:1px solid #d5dce0; padding:10px; color:#1a1a1a; font-size:11px; } .textareafield .x-form-item-label-top{ font-size:10px; color:#1a1a1a } .textareafield textarea.x-form-focus{ border:1px solid #2692cb;} .apm-content, .steps{ color:#1a1a1a; } .steps{ text-align:left !important; } .macOS .noStep { height:48px; background:'red'; } .noStep{ font-size: 60px; font-weight:bold; line-height: 50px; color:#656565; font-family: 'Bebas Neue'; font-weight: bold; color: #656565; display: block; } /********componenets**********/ .x-field-textfield{} .x-field-textfield .x-form-field{ padding:5px 10px; color:#1a1a1a; font-size:13px; border-radius: 5px; border: 1px solid #d5dce0; } .x-field-textfield .x-form-field.x-form-focus{ border:1px solid #2692cb; } .x-field-combofield .x-field-label-cell, .x-field-textfield .x-field-label-cell { vertical-align: middle; } .x-field-combofield .x-form-item-label, .x-field-textfield .x-form-item-label{ font-size:12px; color:#1a1a1a; } .x-field-combofield .x-form-item-body{ border-radius: 5px; border: 1px solid #fff; } .x-field-combofield .x-form-field{ height: inherit; padding:5px 10px; color:#1a1a1a; font-size:13px; border: 1px solid #d5dce0; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-width:0px } .x-field-combofield .x-trigger-cell{ vertical-align: middle; border: 1px solid #d5dce0; border-width:0px; background:#fff; } .x-field-combofield .x-form-item-body{ border-radius: 5px; /*border: 1px solid #d5dce0;*/ } .x-field-combofield .x-form-item-body.x-form-trigger-wrap-focus{ /*border:1px solid #1a71a8;*/ } .x-field-combofield .x-form-trigger-wrap{ border-collapse: collapse; border-radius: 5px; border-style: hidden; overflow:hidden; box-shadow: 0 0 0 1px #d5dce0; } .x-field-combofield .x-form-item-body.x-form-trigger-wrap-focus .x-form-trigger-wrap { box-shadow: 0 0 0 1px #2692cb; } .x-field-combofield .x-form-trigger { background-image: url(/final/images/Light/form_input_buttons.png); background-color: #ffffff; background-position: 3px 3px; background-repeat: no-repeat; border-color: #d5dce0; border-style: solid; border-width:0px; cursor: pointer; width: 16px!important; cursor: hand; overflow: hidden; } .x-boundlist-combofield{ border-radius: 5px; } .x-boundlist-combofield .x-boundlist-item { border: 0px !important; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 5%, #ffffff 95%, #aab2bd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aab2bd), color-stop(5%,#ffffff), color-stop(95%,#ffffff), color-stop(100%,#aab2bd)); background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 5%,#ffffff 95%,#aab2bd 100%); background: -o-linear-gradient(top, #ffffff 0%,#ffffff 5%,#ffffff 95%,#aab2bd 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 5%,#ffffff 95%,#aab2bd 100%); background: linear-gradient(to bottom, #ffffff 0%,#ffffff 5%,#ffffff 95%,#aab2bd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); padding: 5px 8px 5px 8px; font-size: 11px; border-radius: 0px 0px 0px 0px !important; box-shadow: none !important; font-weight: normal; line-height: 1.6em; } .x-boundlist-combofield .x-boundlist-item.x-boundlist-selected, .x-boundlist-combofield .x-boundlist-item.x-boundlist-item-over{ padding: 5px 8px 5px 8px !important; } .x-field-displayField .x-form-display-field{ font-size:12px; } /*end of textbox*/ .apm_native_android, .apm_native_iOS, .apm_hybrid_cordova, .apm_hybird_react, .apm_hybrid_flutter, .apm_hybrid_capacitor { background-image: url("/final/images/Light/mobile_apm_icons.png"); background-repeat: no-repeat; width:24px; height:24px; } .apm_install_local, .apm_install_npm, .apm_install_cocoapods, .apm_install_pub, .apm_install_git, .apm_install_androidstudio, .apm_install_maven { background-image: url("/final/images/Light/mobile_apm_icons.png"); background-repeat: no-repeat; width:24px; height:24px; } .apm_pdf, .apm_zip, .apm_copy { background-image: url("/final/images/Light/mobile_apm_icons.png"); background-repeat: no-repeat; width:16px; height:16px; } .apm_pdf{background-position: 2px -136px !important;} .apm_zip{background-position: -18px -136px !important;} .apm_copy{background-position: -42px -139px !important;} .apm_install_local{background-position: -86px 2px;} .apm_install_npm{background-position: -86px -18px;} .apm_install_cocoapods{background-position:-86px -38px;} .apm_install_pub{background-position: -86px -60px;} .apm_install_git{background-position:-86px -80px;} .apm_install_androidstudio{ background-position: -86px -98px;} .apm_install_maven{ background-position: -86px -118px;} .apm_native_android{background-position: 0px 0px;} .apm_native_iOS { background-position: 0px -24px; } .apm_hybrid_cordova{ background-position: -24px -0px;} .apm_hybird_react{ background-position: -24px -24px; } .apm_hybrid_capacitor{ background-position: -24px -48px; } .apm_hybrid_flutter{ background-position: -24px -72px; } .x-tab-bar-left-outer-tab .x-tab-default-active .apm_native_android { background-position: 0px -48px; } .x-tab-bar-left-outer-tab .x-tab-default-active .apm_native_iOS { background-position: 0px -72px; } .x-tab-bar-left-outer-tab .x-tab-default-active .apm_hybrid_cordova { background-position: -49px -0px; } .x-tab-bar-left-outer-tab .x-tab-default-active .apm_hybird_react { background-position: -48px -24px; } .x-tab-bar-left-outer-tab .x-tab-default-active .apm_hybrid_flutter { background-position: -49px -72px; } .x-tab-bar-left-outer-tab .x-tab-default-active .apm_hybrid_capacitor { background-position: -49px -48px; } /************************************************************/ /*********apm admin changes*********/ .filter_component .x-form-cb-label-after { margin-left: 10px; } .x-panel-header-outerPanel{ background-color:#e0e0e0; padding: 10px 10px 10px 10px; } .x-panel-body-outerPanel{ background-color:#f5f5f5; border-width: 1px; border-color: #cfcfcf; border-style: solid; } .x-panel-body-newInnerPanel{ background-color:#fff; border-width: 1px; border-color: #e1e1e1; border-style: solid; } .x-panel-header-text-outerPanel{ font-size:18px; } .x-fieldset-newFieldset{ background:#ffffff; border:#cad0d4 1px solid; border-radius:5px; } .x-fieldset-newFieldset .x-fieldset-header-text{ border:#cad0d4 1px solid; border-radius:5px; padding: 10px 20px; font-size:14px; } .x-toolbar-toolbar-footer{ background:#ffffff; border-color:#e5e5d4; } .modify_bg { border-bottom:#e5e5d4 1px solid; background:#fff; } .add_bg { border-bottom:#e5e5d4 1px solid; background:#f5f5f5; } .pie-chart .highcharts-container{ margin: 0 0 0 auto; } .copiedWindow-body{ background-color: rgba(255, 255, 255, 0.8) !important; border:#d5dce0 1px solid !important; border-radius:5px; } .copiedWindow{ background:transparent; border-radius:5px; } .copiedWindow-body .info{ padding:10px; text-align:center; font-size:12px; display:inline-block; border:#e5e5e5 1px solid; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 38px; width: 45%; background: #fff; } .copyClipboard{ text-decoration: none; } .copyClipboard:hover{ text-decoration: underline; } .x-tab-bar-strip-left-outer-tab-left{ width: 1px !important; height: 100%; top: 1px; left: 0px; right: 0px; margin: 0px 0px 0px auto; z-index: 99; position: absolute; background: #1d7cb9; display:inline-block; } .x-panel-body-left-tabpanel .x-toolbar{ background-color:#ebebeb !important; border-bottom:1px solid #dcdedf !important; } /*---- Maintenance Policies issues ----*/ .maintenanceTable table tbody td.mainten_font{ word-wrap:break-word; white-space: nowrap; } .maintenanceTable table tbody td.mainten_font div { white-space: normal; word-break: break-all; display: block; } .label-ellipsis { text-overflow: ellipsis; overflow: hidden; width: 50px; } .label-ellipsis .x-form-display-field{ text-overflow: ellipsis; overflow: hidden; width: 50px; } #MaintenanceSummary .newTable{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; } .mainsummary{ table-layout:fixed } .x-boundlist .x-boundlist-list-ct ul { width: 100% !important; display: table; } /*---- end Maintenance Policies issues ----*/ /*---ux dashboard separator-----------------------------*/ #gridPanel_gridTopSlowURL_Frontend_Backend_view.x-panel-eg-grid-skin .x-column-header-inner, #gridPanel_gridTopSlowURL_Frontend_Backend_view.x-panel-eg-grid-skin .x-column-header-over{ padding: 4px 0px 3px 0px!important; border-top: 1px solid #cdcdcd!important; } #gridPanel_gridTopSlowURL_Frontend_Backend_view .x-grid-view{ overflow-y: auto!important; overflow-x: hidden!important; } #btRulesGrid.x-panel-newGridPanel .x-grid-cell-inner{ white-space: break-spaces!important; padding: 0px 0px 0px 5px!important; margin: 0!important; } #btRulesGrid.x-panel-newGridPanel .x-grid-cell-special.x-grid-cell-first { vertical-align: middle!important; } .transparent-readonly { background: url(../images/Light/admin_default_user.png) no-repeat scroll -1px -1px !important; line-height: 1.8 em!important; height: 28px; padding-left: 22px; padding-right: 10px; font-weight: 500 } .x-tip.yellowTip_login { background: #eaedb4 !important; border-radius: 0 !important; opacity: 1; border: #000 1px solid; padding: 2px 2px 0 2px !important; height: auto !important; } .x-tip.yellowTip_login .x-tip-body, .x-tip.yellowTip_login .x-form-invalid-tip-body { color: #000 !important; padding: 0 8px !important; line-height: 15px } .x-tip.yellowTip_login div.x-tip-body, .x-tip.yellowTip_login.para .x-tip-body { height: auto !important; white-space: pre-wrap !important; word-wrap: break-word !important; white-space: normal; } .x-tip.yellowTip_login .x-tip-anchor { position: absolute; overflow: hidden; border-style: solid; border-width: 5px; border-color: none; zoom: 1 } .x-tip.yellowTip_login .x-tip-anchor-top { width: 12px !important; height: 6px !important; border: 0 !important; background: transparent url('/final/images/Dark/yellowTipArrowUp.png') !important } .x-tip.yellowTip_login .x-tip-anchor-bottom { width: 12px !important; height: 6px !important; border: 0 !important; background: transparent url('/final/images/Dark/yellowTipArrowBottom.png') !important } .x-tip.yellowTip_login .x-tip-anchor-left { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #eaedb4 } .x-tip.yellowTip_login .x-tip-anchor-right { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #eaedb4 } /* alarm tooltip close icon issue -- vijay 31-08-2021*/ .alarmTooltipHeaderfont .iconClose3{ margin-left:-27px } /*REST API Client */ .x-panel-default-framed { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; padding: 0px; border-width: 1px; border-style: solid; background-color: #fff; } .transparentToolbarBg{ background-color:#fff;border-top:1px solid #d6d6d6!important } .x-window-header-newPopupWindow2{ background-color: #fff; padding: 18px 20px 13px 20px; } .x-window-body-newPopupWindow2{ border-color:#fff; background-color: #fff; } .x-window-header-text-newPopupWindow2{ text-transform: uppercase; font-weight: 500; font-size: 15px; } .x-window-header-body-newPopupWindow2 .x-tool img.x-tool-close{ background-image:url('/final/images/Light/newPopupWindowClose.png') } .x-field-plain input.x-form-text { background:transparent; border: #abb2bd 0px solid; padding-left: 0px; padding-right: 0px; position: relative; height: 21px; } .textarea.withpadding textarea{ padding: 10px; border-radius: 3px; } .textarea.withpadding.border-t textarea{ border-color: #d6d6d6!important; border-width:1px 0px 0px 0px !important; line-height: 20px !important; } .fileuploadfield .x-btn-default-small { border-radius: 0px; padding: 2px 2px 2px 2px; border-width: 0px !important; border-style: solid; background-image: none; background-color: none; margin-left: 10px!important; } .aInfoMsgContainer { position: relative; padding: 8px 10px 5px 10px; background: #f3f3f3; border: 1px solid #f3f3f3; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; font-size: 14px; font-weight: 300; } .aIconInfo { background: url("/final/images/Light/adminWizardIcons.png") no-repeat top left; } .aIconInfo { background-position: -16px -400px; width: 16px; height: 16px; } .aInfoMsgLinkText { color: #f98117; } /*--------------new trigger search combo-------------------*/ .x-field-eg-newsearch-combo .x-form-item-body{border-bottom:1px solid #949494} .x-field-eg-newsearch-combo .x-form-field.x-form-text, .x-field-eg-newsearch-combo .x-form-field.x-form-text{ background:transparent; color:#fff; padding-left:10px; border-width:0px 0px 0px 0px; border-color:#949494 } .x-field-eg-newsearch-combo.inputSearchIcon .x-form-field.x-form-text{ background-image: url('/final/images/Light/search-popup-sprite.png'); background-position: -50px -24px; background-color:transparent; padding-left:23px; width:20px; background-repeat:no-repeat; } .x-field-eg-newsearch-combo .x-form-trigger { background-image: url('/final/images/Light/search-popup-sprite.png'); background-position:-25px -20px !important; width: 18px; height: 22px !important; border-width:0px 0px 0px 0px; cursor: pointer; cursor: hand; overflow: hidden; } .x-field-eg-newsearch-combo-search .x-form-trigger{ background-image: url('/final/images/Light/search_trigger_close.png'); background-position:7px 7px; background-repeat:no-repeat; width: 19px; height: 22px; border-width:0px 0px 0px 0px; cursor: pointer; cursor: hand; overflow: hidden; } /*------------new trigger search combo---------*/ /* Maintenance description css starts here*/ .policyBox-odd, .policyBox-even{ border: #ccc 1px solid; margin:0px 0px 10px 0px !important } .policyBox-odd{ background-color: #fff; height:100%; } .policyBox-even{ background-color: #f3f3f3; height:100%; } .policyBox-odd .x-form-display-field, .policyBox-even .x-form-display-field { margin: 0; font-size: 12px; line-height: normal !important; white-space:normal; /*word-break:break-all;*/ } /* Maintenance description css ends here*/