/* MASTER PAGE STYLES */
.master-html
{
  margin: 0;
  height: 100%;     
  width: 100%;
}

.master-body
{
  /*font-family: Helvetica Neue, Maven Pro, Open Sans, Arial, sans-serif;*/
  /* MBX Font Family*/
  font-family: 'Proxima Nova', 'Open Sans', 'Inconsolata', 'Noto Sans', Arial, sans-serif;
  background-color: rgb(0,93,153) !important;
}

.navbar-footer
{
    background-color: #fff;
    width: 100%;
    min-width: 100%;
}
.navbar {
    background-color: #fff;
    margin-bottom: 0;
}

.modal-backdrop
{
    z-index: 1040;
}


.second-navbar {
    top: 80px;
    width: 100%;
    z-index: 1040;
}
.master-header-client-name
{
display: inline-block;
}

.master-header-client-name-hidden
{
display: none;
}



.master-nav-horizontal-menu
{
  outline: none;
  box-shadow: 1px 1px 10px;
}

.master-content div
{
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
}


.master-footer
{
  display: inline-block;
  background-color: rgb(0,93,153);
  width: 100%;
  margin: 0 auto;
  text-align: center;
  left: 0;
}

  .master-footer-span
  {
    display: inline-block;
    margin: 0 auto;
    color: rgba(255,255,255,1);
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

.master-overlay
{
  position: fixed;
  top: 100px;
  z-index: 997;
  background-color: rgba(0,0,0,.3); 
  color: rgba(255,255,255,1);
  width: 100%;
  height: 100%;
  display: none;
}

  .master-overlay-loader
  {
    padding: 25px;
    z-index: 998;
    background-color: rgb(0,74,135);
    margin: 0 auto;
    width: 450px;
    margin-top: 100px;
    border-radius: 10px;
    box-shadow: rgba(0,0,0,.4) 10px 15px 35px;  
  }

    .master-overlay-loader-img
    {      
      margin: 0 auto;
      position: relative;
      display: block;
    }

  .master-nav-horizontal-menu-active
  {
    font-weight: bold !important;
  }

  
/* CONTENT PAGE STYLES */

.content
{
  /*width: 99%;*/
  margin: 0 auto;
}

.italic
{
    font-style: italic;
}


.content-panel
{
  background-color: #FFFFFF;
  box-shadow: 5px 5px 10px rgb(1,1,1);
  border-radius: 10px;  
  margin: 0 auto;  
  padding: 10px 5px 10px 5px;
  margin-bottom: 10px; 
  margin-top: 10px;
  min-height: 50px;
  /*width: 95%;
  min-width: 95%;
  margin-left: 10px;
  */
}

.login-panel
{
  border-radius: 10px;  
  border: solid 2px rgb(207,53,47);
  margin: 0 auto;
  background-color: white;
  /*
  width: 50%;
  min-width: 700px;
  padding: 10px;
  display: block;
  */
}

.login-panel-border{
    border: solid 2px rgb(207,53,47) !important;
}

.content-header
{
  background-color: white;
  box-shadow: 3px 3px 10px;
  padding: 10px 13px 5px 5px;
  display: inline-block;
  width: 100%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.content-header.stay-onscreen
{
  position: fixed;
  top: 110px;
  z-index: 1000;
}

  .content-panel input[type=submit]
  {
    padding: 5px 10px 5px 10px;
    min-width: 100px;
    height: 35px;
    border-radius: 5px;
    font-size: 16px;
    background-color: rgb(0,93,153);
    color: rgb(255,255,255);
    font-weight: bold;
    cursor: pointer;
    margin: 5px;
  }

  .content-panel input[type=submit]:hover
  {
    -moz-transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    border: solid rgb(207,53,47) 3px;
    border-radius: 5px;
  }

  .content-panel-header
  {
    color: #FFFFFF;
    font-size: 1.25em;
    font-weight: bold; 
    width: 75%;

    padding: 5px 0 5px 10px;
    margin-bottom: 10px;
    vertical-align: middle;
        
    /* Some fanciful CSS3-only styles */
    border-radius: 10px;
    
    /*box-shadow: 5px 5px 10px #413f3f;*/
    background: rgb(0,93,153);
    background: -webkit-linear-gradient(left,rgb(0,93,153),#FFFFFF 80%);
    background: -moz-linear-gradient(right,rgb(0,93,153),#FFFFFF 80%);
    background: -o-linear-gradient(right,rgb(0,93,153),#FFFFFF 80%);
    background: linear-gradient(to right,rgb(0,93,153),#FFFFFF 80%);    
  }

  .content-panel-title
  {
    font-family: Helvetica Neue, Maven Pro, Open Sans, Arial, sans-serif;
    color: rgb(207,53,47);
    font-size: 1.4em;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 10px;
  }

  .content-panel-header-criteria
  {
    font-size: .7em;
  }
  .criteria-panel
  {
    font-weight: bold;
    display: inline-block; 
    margin: 0 auto;
    width: 100%;  
  }

  .content-panel-inner
  {
    padding: 10px;
  }

  .content-panel-fixed-height
  {
    padding-top: 110px;
    top: 210px;
  }  

  .content-panel-row
  {
    float: left;
  }

  .content-input
  {
    height: 30px;
    width: 300px;
    font-size: 1.2em;
  }

  .display-inline-block
  {
    display: inline-block;
  }

.content-panel-grid-header
{
  background-color: #FFFFFF;
  color: #53880B;
  font-size: 1.05em;
  font-weight: bold;    
  padding: 2px 2px 2px 2px;
}

.content-panel-ig-grid
{
  display: inline-block;
  padding: 5px;
  margin: 5px auto;
  vertical-align: top;
}
  

.ContentPanel
{
  background-color: #FFFFFF;
  box-shadow: 5px 5px 10px rgb(1,1,1);
  border-radius: 10px;  
  margin: 0 auto;    
  min-width: 900px;
  width: 100%;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;

}

.ContentPanelHeader
{
  display: grid;
  clear: both;
  width: 98%;
}

#sortable div.ui-state-default:after
{
  content: "\f0c9";
  display: inline-block;
  position: absolute;
  right: 18px;
  cursor: move;
}


.ContentPanelRowWrapper
{
  float: left;
    
}

.TableCellDisplay
{
  display: table-cell;
}

.InlineBlockDisplay
{
  display: inline-block;
}

.ContentPanelColumnWrapper
{
  float: left;
  width: 25%;
}

.ContentPanelTitle
{
  color: #306E01;
  font-size: 1.4em;
  font-weight: bold;
  padding-left: 10%;
  padding-bottom: 10px;
}

.Footer 
{    
  display: block;
  width: 100%;
  margin: 0 auto;
  left: 0;
}

.Footer span
{
  display: inline-block;
  margin: 0 auto;
  color: rgba(0,93,153,1);
  font-weight: bold;
  margin-left: 30%;
  padding: 5px;
}


.ContentPanel input[type="submit"]
{
  padding: 5px 10px 5px 10px;
  min-width: 100px;
  height: 35px;
  border-radius: 5px;
  font-size: 1.0em;
  background-color: rgb(0,93,153);
  color: rgb(255,255,255);
  font-weight: bold;
  cursor: pointer;
  margin: 5px;
  -moz-transition: all linear .2s;
  -webkit-transition: all linear .2s;
  -o-transition: all linear .2s;
  transition: all linear .2s;    
}
.ContentPanel input[type="submit"]:hover
{
  -moz-transition: all linear .2s;
  -webkit-transition: all linear .2s;
  -o-transition: all linear .2s;
  transition: all linear .2s;
  background-color: rgb(0,93,153);
  color: rgb(0,0,0);
}
.ContentPanel input[type="submit"]:focus
{
  -moz-transition: all linear .2s;
  -webkit-transition: all linear .2s;
  -o-transition: all linear .2s;
  transition: all linear .2s;    
  background-color: rgb(0,93,153);
  color: rgb(0,0,0);
}
.ContentPanel input[type="submit"]:active
{
  -moz-transition: all linear .5s;
  -webkit-transition: all linear .5s;
  -o-transition: all linear .5s;
  transition: all linear .5s;    
  background-color: rgb(0,93,153);
  color: rgb(0,0,0);
  box-shadow: darkgray 2px 2px inset;
}

.ContentPanelInput
{
  border: 2px solid rgba(0,0,0,.3);
  border-radius: 5px;
}
.ContentPanelInput:hover, .ContentPanelInput:focus
{
  outline: none;
  border-color: rgb(0,93,153);
  box-shadow: rgb(0,93,153) 0 0 20px;
}

.ContentPanelSelect
{
  padding: 5px;
  font-weight: bold;
}
.ContentPanelSelect:hover, .ContentPanelSelect:focus
{
  outline: none;
  box-shadow: #8DC63F 0 0 20px;
}


.noTextDecoration a:visited
{
  text-decoration: none;
}

.noTextDecoration a:link
{
  text-decoration: none;
}

.boxShadow
{
  box-shadow: 5px 5px 10px #413f3f;
}

.roundedCorners
{
  border-radius: 5px;
}


/* Formats */

.reportHeader
{    
  color: #000000;
  font-size: 1.25em;
  font-weight: bold; 

  padding: 5px 0 5px 10px;
  margin-bottom: 10px;
  vertical-align: middle;
        
  /* Some fanciful CSS3-only styles */
  border-radius: 10px;
    
  /*box-shadow: 5px 5px 10px #413f3f;*/
  background: rgb(0,93,153);
  background: -webkit-linear-gradient(left,rgb(0,93,153),#FFFFFF 80%);
  background: -moz-linear-gradient(right,rgb(0,93,153),#FFFFFF 80%);
  background: -o-linear-gradient(right,rgb(0,93,153),#FFFFFF 80%);
  background: linear-gradient(to right,rgb(0,93,153),#FFFFFF 80%);    

}


/* Layouts for Content Pages */

.gridTitle
{    
  /*background-color: #53880B;*/
  color: rgb(0,93,153);
  font-size: larger;
  font-weight: bold;    
  padding: 2px 2px 2px 2px;
}
.gridHeader
{
  background-color: rgb(0,93,153);
  color: #FFFFCC;
}

.gridRow
{
  font-family: Arial,Verdana,Sans-Serif;
  background-color: #FFFFFF;
  color: #000000;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.9em;
  vertical-align: top;
}
.gridSpacing
{
  padding: 2px 0 0 2px;
}

.top10 {
    margin-top: 10px;
}


.fontMedium
{
  font-size: medium; 
}
.updateProgress {
    background-image: url("ajax-loader.gif");
    background-repeat: no-repeat;
    display: inline-block;
    width: 35px;
    height: 35px;
}

.updateProgress img {
    margin-left: 10px;
    margin-bottom: 17px;
}

.updateProgressOverlay
{
  width: 100%;
  height: 100%;
  z-index: 998;
  background-color: Gray;
  position: fixed;
  top: 100px;
  left: 0;
  opacity: 0.8;
  filter: alpha(opacity=30);
}
.updateProgressLoader
{
  z-index: 999;
  height: 100%;
  margin: 250px auto;
  width: 20%;
  opacity: 1;
}
.updateProgressLoader img
{
  width: auto;
  height: auto;
  margin: 0 auto;
}

.MasterOverlay
{
  position: fixed;
  top: 100px;
  z-index: 997;
  background-color: rgba(0,0,0,.3); 
  width: 100%;
  height: 100%;
}
.MasterOverlayLoader
{
  padding: 25px;
  z-index: 998;
  background-color: rgb(0,93,153);
  margin: 0 auto;
  width: 450px;
  margin-top: 100px;
  border-radius: 10px;
  box-shadow: rgba(0,0,0,.4) 10px 15px 35px;  
}

.MasterOverlayLoader img
{ 
  margin: 0 auto;
  position: relative;
  display: block;    
}

.modalBackground
{
  background-color: Gray;
  filter: alpha(opacity=60);
  opacity: 0.6;
  z-index:100;
}
.modalPopup
{
  background-color: #FF9266;
  border: 3px solid Gray;    
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding:5px;
  z-index:1000;
}
.InvisibleCol
{
  display: none;
}



/********************* INFRAGISTICS CONTROLS ***************************/

/* 
  This next CSS is to override the Infragistics' menu style which was causing weird reactions
*/
/*.igdm_AppletiniMenuItemHorizontalRootLink span
{
  color: black;
  padding-right: 8px;
}*/


tbody > tr > td .highlightARError {
    color: red;
    font-weight: bold;
    text-decoration: none;
}

tbody > tr > td .highlightARError a {
    font-weight: bold;
    text-decoration: none;
    color: red !important;
}

tbody > tr.highlightMetricLow > td {
    background-color: rgba(254,0,0,.4) !important;
    font-weight: 600;
}

tbody > tr.highlightMetricLow:hover > td {
    background-color: rgba(254,0,0,.6) !important;
}

tbody > tr.highlightMetricBelowAvg > td {
    background-color: rgba(254,194,0,.4) !important;
}

tbody > tr.highlightMetricBelowAvg:hover > td {
    background-color: rgba(254,194,0,.6) !important;
}


tbody > tr > td.igCells a {        
    /*height: 20px;
    line-height: 20px;    
    overflow: hidden;
    vertical-align: middle;*/    
    color: #444444;
    text-decoration: none;
}

tbody > tr > td.igCells a:hover {
    text-decoration: underline;
}

tbody > tr > th.igHeaderAlignRight {
    text-align: right;
    padding-right: 5px;
}

tbody > tr > td.igCellsAlignRight {
    text-align: right !important;
}


tbody > tr > td.igCellsAlignRight a {
    color: #444444;
    text-decoration: none;
}


tbody > tr > td.igCellsAlignRight a:hover {
    text-decoration: underline;
}

tbody > tr > th.igFooterAlignRight {
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    padding-right: 5px;
}

tbody > tr > td.igCells_Centered {
    text-align: center;
}

tbody > tr > th.igHeader_Centered {
    text-align: center;
}

tbody > tr.igCells_PQRS_Met > td {
    background-color: rgba(134, 244, 59, .5) !important;
}

tbody > tr.igCells_PQRS_Met:hover > td {
    background-color: rgba(134, 244, 59, 1) !important;
}

tbody > tr.igCells_PQRS_Implied > td {
    background-color: rgba(252, 235, 109, .5) !important;
}

tbody > tr.igCells_PQRS_Implied:hover {
    background-color: rgba(252, 235, 109, 1) !important;
}

tbody > tr.igCells_PQRS_NotMetImplied > td {
    background-color: rgba(253, 120, 50, .5) !important;
}

tbody > tr.igCells_PQRS_NotMetImplied:hover {
    background-color: rgba(253, 120, 50, 1) !important;
}

tbody > tr.igCells_PQRS_Unmet > td {
    background-color: rgba(253, 45, 45,.5) !important;
}

tbody > tr.igCells_PQRS_Unmet:hover {
    background-color: rgba(253, 45, 45,1) !important;
}

tbody > tr.igCells_PQRS_Missing > td {
    background-color: rgba(253, 44, 85,.5) !important;
}

tbody > tr.igCells_PQRS_Missing:hover {
    background-color: rgba(253, 44, 85,1) !important;
}

tbody > tr > th.pointer:hover {
    cursor: pointer;
}

tbody > tr > td.RowWarning {
    background-color: rgba(250, 40, 40, .5) !important;
}

tbody>tr>th .OrangeBackground 
{
  background-color: rgb(217, 95, 69) !important;
}


tbody > tr > td.retro {
    background-color: rgba(191, 253, 3, .5) !important;
}

tbody > tr:hover > td.retro {
    background-color: rgba(191, 253, 3, 1) !important;
}


/********************** END OF INFRAGISTICS CONTROLS *************************/

/* Page Wrapper */
.Wrapper
{
  min-height: 100%;
  height: auto !important;
  height: 100%;
  display: inline-block;
}

.LeftColumn {
  margin-top: 70px;   
  height: 100%;
float: left;
  position: fixed;
  z-index: 1000;
}

/*.Nav_Horizontal
{
  margin-top: 70px;
  width: 100%;
  height: 25px;
  position: fixed;
  z-index: 1000;    
}*/
.NavHorizontal_WebDataMenu
{
  outline: none;
  box-shadow: 1px 1px 10px;
}


/* This overrides Infragistics control setting cursor to default for links */
a { cursor: pointer !important; text-decoration: underline; color: #0044CC; }

/* Primary container for report content */
.Panel_Grid
{
  display: inline-block;
  padding: 10px;
  vertical-align: top;
}

.centered
{
  margin: 0 auto;
  padding-left: 25px;
  font-size: larger;
  font-weight: bolder;
}

.alignRight
{
  text-align: right !important;
}


.pointer
{ 
  cursor: pointer;
}

/* Master Page Menu */

.dynamicFormat
{
  border-radius: 5px;
}

.criteriaPanel
{
  margin-left: 10px;
  font-weight: bold;
  display: inline-block;    
}

.criteriaPanel table, .criteriaPanel, .criteriaPanel tbody, .criteriaPanel thead, .criteriaPanel div, .criteriaPanel img
{
  display: inline-block;
  vertical-align: middle;
}

.criteriaTable {   	display: block;   	width: 100%;  } 
.criteriaTableHeading, .criteriaTableBody, .criteriaTableFoot, .criteriaTableRow{ clear: both; } 
.criteriaTableHead, .criteriaTableFoot{   	background-color: #DDD;   	font-weight: bold; } 
.criteriaTableCell, .criteriaTableHead {   float: left;   	height: 60px;   	overflow: hidden;  padding-left: 5px; padding-bottom: 5px; bottom: 0; } 
.criteriaTable:after {   	visibility: hidden;   	display: block;   	font-size: 0;   	content: " ";   	clear: both;   	height: 0;  }

.criteriaPanel input[type="text"]
{
  padding: 5px;
  font-size: 1.2em;
}

.InputBox
{
  padding: 3px;
  border-radius: 5px;
  font-size: larger;
}


.criteriaFormat
{
  padding: 5px 10px 5px 10px;
  box-shadow: 0 0 0 24px rgb(0,93,153);
}

.GridFooter
{
  font-size: 1em;
  font-weight: bold;
  text-align: right;
}

.childGridView
{
  left: 25px;
  background-color: #DDDDDD;
}

.exportButton
{
  margin: 2px 0 5px 5px;   
}

.floatRight
{
  float: right;
}
.floatLeft
{
  float: left;
}

.ChargeDetailPanel
{
    
  width: 100%;
}

.ChargeDetailPanelHeader {
  width: 25%;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 1px 1px 10px;
}

.ChargeDetailPanelNotes {
  width: 75%;
}

.AllClear
{
  clear: both;
}

.MainMenuPanel
{
  padding: 25px;    
  margin: 10px;
  display: inline-block;
  border: 1px solid;
  box-shadow: 3px 3px 10px rgb(1,1,1);
  background-color: yellow;
  border-radius: 5px;
  vertical-align: top;
  text-decoration: none;
  width: 25%;
  font-weight: 600;
  -o-transition: background-color .25s ease-out;
  -moz-transition: background-color .25s ease-out;
  -webkit-transition: background-color .25s ease-out;
  transition: background-color .25s ease-out;
}

.MainMenuPanel:hover
{
  background-color: lightgreen;    
}

.MainMenuPanel:active
{
  background-color: aqua;
}

.DatabaseLabel
{
  font-size: 1.4em;
  font-weight: bold;
  margin: 0 auto;
}

.ProductivitySubHeader
{
  color: #306E01;
  font-size: 1.2em;
  font-weight: bold;  
  display: inline-block;
  width: 25%;
  min-width: 400px;
}

.form-group.required .control-label:after {
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: 8px;
    top: 7px;
}

/*.well select {
    height: 30px;
    min-width: 150px;
    border-radius: 4px;
    margin-bottom: 8px;
    margin-right: 15px;
}*/