/* $Id$ */

/* This File has CSS of new UI that is to be appended to commonstyle.css */
/* CSS Document */

/* style for inner tabs*/
.tabBtmLine {
    background: url(../tab_behindbg_new.gif) repeat-x 0px 11px !important;
    height: 26px;
  }
.tabBtmLine table {
    border-collapse: separate;
    border-spacing:1px;
}
.tbUnselected_Left,.tbUnSelected_Left {
    display: none !important;
}
.tbUnselected_Right,.tbUnSelected_Right {
    display: none !important;
}
.tbSelected_Left,.tbselected_Left {
    display: none !important;
}
.tbSelected_Right,.tbselected_Right {
    display: none !important;
}
.tbSelected_Middle {
    border-spacing: auto !important;
    font-weight: bold;
    height: 26px;
    text-align: center;
    border-top: 2px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    border-bottom: 2px solid #ffffff;
    border-radius: 0;
    padding: 3px 7px 3px 7px !important;
    white-space: nowrap;
    color: #2c2c2c !important;
    text-decoration: none !important;
}
/*[#AM11102] - Tab lines shown incorrectly in Firefox*/
@-moz-document url-prefix() {
    .tbSelected_Middle {
        height:25px;
    }
}
@supports (-ms-ime-align:auto) {
    .tbSelected_Middle,.tbUnselected_Middle, .tbUnSelected_Middle {
        padding-bottom: 2px !important;
    } 
  }
.tbSelected_Middle > a {
    color: #2c2c2c !important;
    font-weight: bold;
}
.tbUnselected_Middle, .tbUnSelected_Middle {
    height: 24px;
    text-align: center;
    background: none;
    background: #eee !important;
    border-top: 1px solid #eee;
    border-bottom: 2px solid #ffffff;
    border-radius: 0;
    padding: 3px 7px 3px 7px !important;
    white-space: nowrap;
    text-decoration: none !important;
}
.tabLink {
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    line-height: normal;
}

/********************************************** Starts - Table Decoration **********************************************/
.tableHeader1, .widgetHeader, .conf-top-summary-gray, .tableheadingbborder, tr.tableheadingbborder th, .leftlinksheading, .tblheading, .tp-header-tile, .columnheadingdelete, .tableheadingtrans, .alarmstripborder, .tableHeader, .slimheader, .tableheadingbborder-reports, .tableheadingbborder-oracle, .conf-top-summary-tphead, .it360adminGradBg, .leftlinksquicknote, .actions-menu-mid, .anamoly-mid-tile, .new-report-heading, .columnheadingb, .columnheadingtb, .columnheadingrightborder, .health-history-bg, .columnheading-monitor, .heat-time, .plainheading, .monitorinfo, .columnheadingnotop, #dropList1 ul#menu div.listHolder div.bottomLine, .tableheading-monitor-config, .custom-innertb-bg td:first-child.custom-td-bg, .dragndropimg, .lastrowborder, .consolehomecolumnheading, .bluegrayborder {
    color: #000000;
}
/* Ends - table Heading Decoration */
.whitegrayborder-dashborads, .yellowgrayborder-dashborads, .whitegrayborder, .yellowgrayborder, .monitorinfoodd, .monitorinfoeven, .monitorinfoevenborder1, .columnheading, .columnheading-dashborads, .RCAHeaderHover td, .monitorinfoevenborder, .monitorinfoodd-conf, .yellowgrayborder1, .whitegrayrightalign-reports, .whitegrayrightalign-reports-normal, .sqldb-data, .whitegrayborder-conf-mon, .whitegrayborder-conf-mon-gray, .vcenter-esx-details-heading, .vcenter-esx-details-text, .clusters-details-bg-tile, .clusters-details-heading, .clusters-details-heading-right, .RCAHeader td, .leftlinkstd {
    border-bottom: 1px solid #f6f6f6;
    color: #2c2c2c;
}
/* Ends - table Row border splitter Decoration */
/********************************************** Ends - Table Decoration **********************************************/

/* Font color overwrite section - Starts */
.tableheading, .getmoredatatable, .ResourceName, .emptyTableMsg a:link, .emptyTableMsg a:active, .emptyTableMsg a:visited, .bsm-icon, .whitegrayrightalign, .rptoptions, .reportboxtxt, .reportbox, .staticlinks, .anamoly-second-font, .anamoly-font-text, .loginInput, .loginInputPass, .loginInputSelect, .blue-txt, .black-txt, #BS_CREATE_STEP_1 h4, .admin-header, .sub-heading, .options-list, .box-header {
    color: #2c2c2c;
}
*:first-child+html .loginInput, *:first-child+html .loginInputPass, html>body .loginInput, html>body .loginInputPass {
    color: #2c2c2c;
}
.columnheading, .columnheading-dashborads, .it-dropdown1 a, a.adminbodytext, .widget-heading2, .headeryellowlinks, .greyBigFont, .greyBigFontUnit, .loginbold, .tblheading, .header2 {
    color: #2c2c2c !important;
}
.mon_redbg, .mon_greenbg, .mon_orangebg, .mon_graybg, .css-butt, .css-butt1, .rest-api-txt, .conf-hover-buttons.white, .conf-hover-buttons, #rca-critical div.off, .menuItem-mouseover SPAN, .menuItemShortCut-mouseover SPAN, .disabledlink, .bodytextboldwhiteun, tr.graycolor td, .arial11italics, .arial9, .textResponseTime, .maintenancetext, .bodytext11red, .smsalert, .tableheadingbborder-anamoly-normal, .tableheadingbborder-anamoly-end, .tableheadingbborder-oracle-normal, .buttonss, .transBG, .dropdownnTxt, .customHtmlWidget, .widget-heading1, .staticlinks-blue, .staticlinks-blue-u, .subTabs ul.plaintab li.notselected a, .subTabs ul.plaintab li.notselected a:visited, .subTabs ul.plaintab li.selected a, .subTabs ul.plaintab li.selected a:visited, .sideTabs ul.verticaltab li.selected a, .sideTabs ul.verticaltab li.notselected a, .searchBox, ul.droptab li.hover a span.opennew, ul.droptab li a span.opennew, .copyright1, .UIDStyle2, .UIDStyle2 a:link, .UIDStyle2 a:Visited, .anomaly, .dashboard, .DowntimeTableColumn, .eum-red-txt, #menu-conf ul li, #menu-conf1 ul li, .leftlinkstd, .leftlinkstd-conf, #rca-critical div.on, .confrcashow, .rca-critical-text, .license-msg, .alerttext, .formtext, .formtextselected, .formtextareaforanomaly, .whitegrayborderdisabled, .unselectedmenu, .formtextsearch, .staticlinks10, .staticlinks12, .sptrborder, .sptborder, div.tp1, div.tp2, .columnheadingdelete, .graytext11, .monitorsheading, .leftlinkstdselected, .bsm-icon a, .dasboardslink, .menuItemShortCut, .menuItemShortCut-mouseover, .menuItem-mouseover SPAN, .menuItemShortCut-mouseover SPAN, .menuItem .disabled, .menuItem-mouseover .disabled, .menuItemShortCut .disabled, .menuItemShortCut-mouseover .disabled, select {
    color: #2c2c2c;
}
a.staticlinks:link, a.staticlinks:visited, a.staticlinks:active, a.bodytext:link, a.bodytext:visited, a.bodytext:active {
    color: #2c2c2c;
}
.txtGlobal {
    color: #2c2c2c;
}
.widget-text1 {
    color: #3D3D3D;
}
.font12grey {
    color: #2c2c2c;
}
.bodytext {
    color: #2c2c2c;
}
A.bodytext {
    color: #2c2c2c;
}
A.bodytext {
    color: #2c2c2c;
}
A.ResourceName {
    color: #2c2c2c;
}
A.ResourceName2 {
    color: #2c2c2c;
}
A.ResourceName1 {
    color: #2c2c2c;
}
A.ResourceName:hover {
    font-weight: bold;
}
/* To overwrite the Black, Blue and red color font to Grey theme font */
.emptyTableMsg, .dropDownText {
    color: #000000 !important;
}
html* .license-msg {
    color: #000000;
}
/* Font color overwrite section - Ends */

/************Starts - Common Styles***********************/
body {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    color: #2c2c2c;
    font-family: 'Open Sans', Helvetica, sans-serif !important;
    background-color: transparent;
}
a {
    color: #2c2c2c;
}
.bodytextbold {
    font-weight: bold;
    color: #2c2c2c;
  }
  .arial10 {
    color: #2c2c2c;
  }
  .bodytextbold11 {
    font-weight: bold;
    color: #2c2c2c;
  }
  .body {
    color: #2c2c2c;
  }
  .staticlinks {
    color: #2c2c2c;
    text-decoration: underline;
  }
  .staticlinks1 {
    color: #2c2c2c;
    text-decoration: underline;
  }
  .links {
    color: #2c2c2c;
    text-decoration: underline;
  }
  .disabledlink {
    color: #666666;
  }
  .bodytextboldunderline {
    font-weight: bold;
    color: #2c2c2c;
    text-decoration: underline;
  }
  A.ResourceName {
    color: #2c2c2c;
    text-decoration: underline;
  }
  A.ResourceName1 {
    color: #2c2c2c;
    text-decoration: underline;
  }
  .footer {
    color: #2c2c2c;
    text-decoration: none;
    font-weight: normal;
  }
  A.footer {
    color: #2c2c2c;
    text-decoration: underline;
    font-weight: normal;
  }
  .txtGlobal {
    color: #2c2c2c;
  }
  label {
    color: #2c2c2c;
  }
  form {
    color: #2c2c2c;
  }
  #sub-nav li a {
    color: #2c2c2c;
  }
  #left-nav li {
    color:#2c2c2c;
  }
  .apmconf-dullhead {
    color: #3D3D3D;
  }
  .tooltip {
    color: #2c2c2c;
  }
  A.tooltip:hover {
    color: #000000;
  }
  .tooltipbold {
    color: #000000;
    text-decoration: none;
  }
  A.tooltipbold:hover {
    color: #000000;
    text-decoration: underline;
  }
  .bodystyle,.dotteduline {
    color: #2c2c2c;
  }
/********************************************** Ends - Common Styles **********************************************/

/* Optimize font For larger displays in dashboards/Plasma view starts */
@media
only screen and (min-width: 1300px),
only screen and (-ms-high-contrast: none)      and (min-width: 1300px),
only screen and (-ms-high-contrast: active)    and (min-width: 1300px){ 
    
      .lrtbdarkborder-dashboards  span,.lrtbdarkborder-dashboards div, .lrtbdarkborder-dashboards p,.lrtbdarkborder-dashboards a,.lrtbdarkborder-dashboards table,.lrtbdarkborder-dashboards td, .plasmaview_mainTable  span,.plasmaview_mainTables div, .plasmaview_mainTable p,.plasmaview_mainTable a,.plasmaview_mainTable table,.plasmaview_mainTable td {
        font-size: 104%;
      }
      .lrtbdarkborder-dashboards .font12grey{
        font-size: 1em !important;
      }
      .lrtbdarkborder-dashboards .font14{
        font-size: 1em !important;
      }
      .lrtbdarkborder-dashboards a.staticlinks,.plasmaview_mainTable a.staticlinks{
          font-size: 104%;
      }
      .lrtbdarkborder-dashboards .dbrowselected{
        font-size: 1em;
      }
      /*For tabs in dashboard*/
      .dashboard-tabs > span, .dashboard-tabs span,.dashboard-tabs > span{
        font-size:104% !important;
      }
}
/* Optimize font For larger displays in dashboards/Plasma view ends */