/******************************************************************************
//
//  (C) Copyright 2001-2017 by Cisco Systems, Inc.
//  This program contains proprietary and confidential information.
//  All rights reserved. This software shall not be used by any party
//  except by prior written consent of Cisco Systems.
//
******************************************************************************/
@font-face {
    font-family: 'icon-font-ext';
    src:    url('fonts/icon-font-ext.woff?oqqr38') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icon-font-cnr';
    src:    url('fonts/icon-font-cnr.woff?oqqr38') format('woff');
    font-weight: normal;
    font-style: normal;
}

#splitContainer{
    padding: 5px;
}

.prime .xwtRoundedPanel{
    margin-top: -2px;
    margin-left: -2px;
    padding-top: 0px;
}

.osBody {
    float: left;
    margin: 20px;
    padding: 5px;
    height: 90%;
    width: 245px;
    border: 0px solid black;
    /* background-color: #FFFFFF; */
    text-align: center;                
    vertical-align: middle;
}

.iconToolbarButton {
    width: 16px;
    height: 16px;
}

.splitIcon {
    background: url("/images/xwtImages/splitIcon.png") center center no-repeat;
    width: 16px;
    height: 16px;
}

.assignIcon {
    background: url("/images/xwtImages/assignIcon.png") center center no-repeat;
    width: 16px;
    height: 16px;
}

.addIcon:before {
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e096";
    font-size: 1.6rem;
    color:#464646;
}

.deleteIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e002";
    font-size: 1.6rem;
    color:#464646;
}

.osRefreshIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e07a";
    font-size: 1.6rem;
    color:#464646;
}

.menuAlarmIcon {
    background: transparent url("/images/xwtImages/custom_alert_normal.png") no-repeat scroll center right;
}

.dashboardSettingsIcon:before {
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e087";
    font-size: 1.6rem;
    color:#464646;
}

.prime .buttonLink .dijitButtonNode {
    background: none !important;
    border:none !important;
    border-color:none !important;
    border-style:none !important;
    border-width:0px !important;
}

/*Handle accordionpane styling*/
.prime .xwtaccordionpane .buttonBar{
    display:none ;
}
.prime .xwtaccordionpane .notificationBar{
    display:none ;
}
.prime .xwtaccordionpane .completionIndicatorNode.ff{
    display:none;
}
.prime .xwtaccordionpane .completionIndicatorNode.ie{
    display:none;
}
.prime .xwtaccordionpane .dijitTitlePaneTitle.dijitClosed .completionIndicatorNode.completed{
    display:none;
}
.prime .xwtaccordionpane .dijitTitlePaneTitle.dijitClosed .completionIndicatorNode.incomplete{
    display:none;
}
.navFirstIcon:before {
    display : inline-block;
    font-family : icon-font-cnr;
    content: "\e903";
    font-size: 1.3rem;
    color: #464646;
    vertical-align: middle;
}
.navPrevIcon:before {
    display : inline-block;
    font-family : icon-font-cnr;
    color : #464646;
    content: "\e906";
    font-size: 1.3rem;
    vertical-align: middle;
}
.navNextIcon:before {
    display : inline-block;
    font-family : icon-font-cnr;
    content: "\e905";
    color: #464646;
    font-size: 1.3rem;
    vertical-align: middle;
}
.navLastIcon:before {		
    display : inline-block;
    font-family : icon-font-cnr;
    content: "\e904";
    font-size: 1.3rem;
    color: #464646;
    vertical-align: middle;
}
.ServerIconGreen:before {
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e078";
    font-size: 1.6rem;
    color:#7cbb59;
}
.ServerIconRed:before {
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e078";
    font-size: 1.6rem;
    color:#eb2300;
}
.ServerIconYellow:before {
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e078";
    font-size: 1.6rem;
    color:#ffcc00;
}
.rpContentAreaClass {
    width:97.7%; 
    height:83%; 
    border:1px solid #9caec2;
    margin-left:10px;
    margin-right:10px;
}
.rpFullContentAreaClass {
    width:100%; 
    height:100%;
}
.rpContainerAreaClass {
    width:100%;
    height:86%;
    border:1px solid #9caec2;
}

.rpGeneralClass {
    color: #646464;
    font-family: Arial;
}

.rpObjectNameAreaClass {
    cursor: default;
    font-size: 1.8rem;
    padding-left:10px;
    padding-top:8px;
    padding-bottom:28px;
    float:left;
}

.rpTitleAreaClass {
    font-size: 1.8rem;
    padding-bottom: 5px;
}

.rpActionButtonAreaClass {
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
    float:right;
}

.rpStatusAreaClass {
    font-size: 1.4rem;
    position:absolute; 
    padding-top:30px; 
    left:12px;
}

.rpCommandButtonAreaClass {
    float:right;
    padding-top:5px;
    padding-right:10px;
    display:none;"
}

.rpContainerObjClass {
    padding-bottom: 5px;
    font-size: 1.4rem;
}

.rpMessageAreaClass {
    position:absolute;
    top:40px;
    left:0px; 
    z-index:1000;
    width:99%;"
}

.prime .xwtobjectselector {
    width: 96% !important; 
}
.dj_ie .prime .xwtobjectselector {
    width: 96% !important;
}
.prime .osLeftPane {
    width: 100% !important; 
    overflow: auto; 
}

.prime  .xwtaccordionpane .dijitTitlePaneContentInner {
    background-color:#F8F8F8 !important; 
    padding:0px !important;
}

#leftPane .prime .dijitTitlePaneContentInner {
    padding:0px;
}

#webuiModeObj{
    width: 60px !important;
    cursor: default !important;
}

.prime .loginPage .productLogoContainer{
    background: url("/images/xwtImages/Product_Logo_CPNR.png") no-repeat scroll !important;
	
}

.prime .xwtAboutPage .xwtProductLogo.cnrLogo {
    background: url("/images/xwtImages/Product_Logo_CPNR.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 96px;
    width: 96px;
}

.pictoRefreshIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e07a";
    font-size: 1.6rem;
    color:#464646;
}

.pictoHelpIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e068";
    font-size: 1.6rem;
    color:#464646;
}

.pictoModesIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e087";
    font-size: 1.6rem;
    color:#464646;
}

.pictoSetupIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e834";
    font-size: 1.6rem;
    color:#464646;
}

.pushIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e832";
    font-size: 1.6rem;
    color:#464646;
}

.prime .pushIconAction:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e095";
    font-size: 1.6rem;
    color:#464646;
}

.prime .reclaimIconAction:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e697";
    font-size: 1.6rem;
    color:#464646;
}

.prime .resyncIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e828";
    font-size: 1.6rem;
    color:#464646;
}

.prime .updateDBIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e841";
    font-size: 1.6rem;
    color:#464646;
}

.prime .deactivateIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e838";
    font-size: 1.6rem;
    color:#464646;
}

.prime .activateIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e842";
    font-size: 1.6rem;
    color:#464646;
}

.prime .restoreIcon{
    background: url(/images/xwtImages/From_device_16.png) center center no-repeat;
    width: 18px;
    height: 18px;
}

.prime .toLocalIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e839";
    font-size: 1.6rem;
    color:#464646;
}

.prime .fromLocalIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e827";
    font-size: 1.6rem;
    color:#464646;
}

.pullIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e833";
    font-size: 1.6rem;
    color:#464646;
}

.reorderIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e722";
    font-size: 1.6rem;
    color:#464646;
}

.resetDataIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e831";
    font-size: 1.6rem;
    color:#464646;
}

.purgeReplicaIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e837";
    font-size: 1.6rem;
    color:#464646;
}

.selectAllIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e0f0";
    font-size: 1.6rem;
    color:#464646;
}

.deleteAllIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e067";
    font-size: 1.6rem;
    color:#464646;
}

.hoverCursor{
    cursor: pointer;
}

.toolbarSearchPanel {
    margin-top: 6px;
    margin-left: 0.7rem;
}

.cpnrSearchPanel {
    position: relative;
    float: right;
}

.cpnrSearchTable {
    float: left;
    margin-top: -3px;
    margin-right: 3px;
    background-color: #FFFFFF; 
}

.cpnrSearchText {
    font-size: 11px;
    border: none;
    margin-left: 6px;
}

.cpnrSearchBlurText {
    color: #777;
}

.cpnrSearchFocusText {
    color: #000;
}

.copyIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e105";
    font-size: 1.6rem;
    color:#464646;
}

.pagerSelectClass{
    min-width:350px !important;
    margin: 5px;
}

.pagerNavClass{
    float:left;
    margin-left: 5px;
    margin-bottom: 5px;
}

.pagerSearchClass{
    float:right;
    margin-right: 5px;
    margin-bottom: 5px;
}

.pagerTextClass{
    margin-left: 5px;
}

.pagerTitleClass{
    color: blue !important;
}

.startServerIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e826";
    font-size: 1.6rem;
    color:#464646;
    vertical-align: top;
}

.stopServerIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e825";
    font-size: 1.6rem;
    color:#464646;
    vertical-align: top;
}

.reStartServerIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e830";
    font-size: 1.6rem;
    color:#464646;
    vertical-align: top;
}

.commandsIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e098"; /*098*/
    /* Chrome, Safari*/
    -webkit-transform: rotate(90deg);
    /* Firefox */
    -moz-transform: rotate(90deg);
   /* IE */
    -ms-transform: rotate(90deg);
   /* Opera */
    -o-transform: rotate(90deg);
    font-size: 1.6rem;
    color:#464646;
}

.forceZoneTransferIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e823";
    font-size: 1.6rem;
    color:#464646;
}

.editRRsIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e835";
    font-size: 1.6rem;
    color:#464646;
}

.deleteRRsIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e836";
    font-size: 1.6rem;
    color:#464646;
}

.extensionPointsIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e840";
    font-size: 1.6rem;
    color:#464646;
}

.runIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e703";
    font-size: 1.6rem;
    color:#464646;
}

.prime .xwtobjectselector .dijitTreeExpando {
    width: 18px !important;
    height: 18px !important;
}

.rightAlign .dijitReset .dijitInputInner { 
    text-align: right !important;
}

.groupContentClass{
    width:100%;
    border:1px solid #9caec2;
}

.attrHelpIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e014";
    font-size: 1.6rem;
}

.reportIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e0b3";
    font-size: 1.6rem;
    color: #464646;
    vertical-align: middle;
}

.prime .xwtLoginScreen .xwtProductLogo.cnrLogo {
    background: url("/images/xwtImages/Product_Logo_CPNR.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 96px;
    width: 96px;
}
.editIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e013";
    font-size: 1.3rem;
    color:#464646;
    vertical-align: middle;
}
.refreshIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e07a";
    font-size: 1.6rem;
    color:#464646;
    vertical-align: middle;
}

.lockedStateIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e023";
    font-size: 1.3rem;
    color:#464646;
    vertical-align: middle;
}

.unlockedStateIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e719";
    font-size: 1.3rem;
    color:#464646;
    vertical-align: middle;
}

.searchIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e05b";
    font-size: 1.6rem;
    color:#464646;
    vertical-align: middle;
}

.plusIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e684";
    font-size: 1.3rem;
    color:#464646;
    vertical-align: middle;
}

.minusIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e685";
    font-size: 1.3rem;
    color:#464646;
    vertical-align: middle;
}
.noPlusNoMinusIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    font-size: 1.6rem;
    vertical-align: middle;
}

.warningIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e012";
    color: #ffcc00;
    font-size: 1.6rem;
    vertical-align: middle;
}

.errorIcon:before{                
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e069";
    color: #eb2300;
    font-size: 1.6rem;
    vertical-align: middle;
}

.invalidIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e086";
    font-size: 1.6rem;
    vertical-align: middle;
}

.alertOkIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e075";
    color: #7cbb59;
    font-size: 1.6rem;
    vertical-align: middle;
}

.alertMajorIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e089";
    color: #ff7300;
    font-size: 1.6rem;
    vertical-align: middle;
}

.logIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e0e2";
    color: #464646;
    font-size: 1.6rem;
    vertical-align: middle;
}
.upIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e07f"; 
    /* Chrome, Safari*/
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
   /* IE */
    -ms-transform: rotate(-90deg);
   /* Opera */
    -o-transform: rotate(-90deg);
    font-size: 1.6rem;
    color: #464646;
    vertical-align: middle;
}

.downIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e07f"; 
    /* Chrome, Safari*/
    -webkit-transform: rotate(90deg);
    /* Firefox */
    -moz-transform: rotate(90deg);
   /* IE */
    -ms-transform: rotate(90deg);
   /* Opera */
    -o-transform: rotate(90deg);
    font-size: 1.6rem;
    color: #464646;
    vertical-align: middle;
}

.undoIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e065";
    color: #464646;
    font-size: 1.6rem;
    vertical-align: middle;
}

.viewIcon:before{
    display : inline-block;
    font-family : icon-font-cnr;
    content: "\e901";
    color: #464646;
    font-size: 1.6rem;
    vertical-align: middle;
}

.checkIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e079";
    color: #464646;
    font-size: 1.3rem;
}

.saveIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e084";
    color: #464646;
    font-size: 1.6rem;
}

.licenseRefreshIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e0a0";
    color: #464646;
    font-size: 1.6rem;
    vertical-align: middle;
}

.checkedBoxIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e0f0";
    color: #464646;
    font-size: 1.6rem;
}

.setupIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e834";
    font-size: 1.6rem;
}

.imageAsButton{
    border: 0; 
    background: TRANSPARENT;
}

.replicateDataIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e624";
    font-size: 1.6rem;
    color: #464646;
}

.endOfBufferIcon:before{
    display : inline-block;
    font-family : icon-font-cnr;
    content: "\e902";
    font-size: 1.3rem;
    color: #464646;
    vertical-align: middle;
}

.ascendingSortIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e000";
    /* Chrome, Safari*/
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
   /* IE */
    -ms-transform: rotate(-90deg);
   /* Opera */
    -o-transform: rotate(-90deg);
    font-size: 1.6rem;
    color:#464646;
}

.descendingSortIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e000";
    /* Chrome, Safari*/
    -webkit-transform: rotate(90deg);
	/* Firefox */
    -moz-transform: rotate(90deg);
   /* IE */
    -ms-transform: rotate(90deg);
   /* Opera */
    -o-transform: rotate(90deg);
    font-size: 1.6rem;
    color:#464646;
}

.noSortIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    font-size: 1.6rem;
}

.pageSizeIcon:before{
    display : inline-block;
    font-family : icon-font-cnr;
    content: "\e900";
    color: #464646;
    font-size: 1.6rem;
    vertical-align: middle;
}

.cnrWait:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e09b";
    color: #464646;
    font-size: 1.6rem;
    vertical-align: middle;
}

.lastBackupIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e831";
    font-size: 2rem;
    color:#7cbb59;
}

.databaseIcon:before{
    display : inline-block;
    font-family : icon-font-ext;
    content: "\e688";
    font-size: 2rem;
    color:#464646;
}

.hideContent{
    display:none !important;
}

.prime .xwtChartDatatip .xwtPanelChartSimpleDataTipLabel {
    padding: 0.2rem 0.4rem 0.1rem 0;
    text-align: right;
    white-space: nowrap;
    color:#FFFFFF !important;
}

.prime .xwtChartDatatip .xwtPanelChartSimpleDataTipValue {
    padding: 0.2rem 0 0.1rem 0.4rem;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
    color:#FFFFFF !important;
}

.prime .d3treeView .nodeHighlight {
    font-weight: bold; 
    text-decoration: underline;
}

.plusAdd:before {
    display: inline-block;
    font-family : icon-font-ext;
    content: '\e08f';
    font-size: 1.6rem;
    color:#464646;
}