/*===========  Appended from: ClientScripts/NIH/dhtmlxGrid/dhtmlxGrid/codebase/dhtmlxgrid.css===========*/

div.gridbox{
  overflow:hidden;
  text-align:left;
}
.dhx_sub_row
{
  background-color:white;
}
div.gridbox .xhdr{
  background-color:#D4D0C8;
}

div.gridbox table.obj{
  height:1px;
}
div.gridbox table.hdr td {
  font-size:12px;
  background-Color:#D4D0C8;
  border: 1px solid;
  border-color : white Gray Gray white;
  text-align: center;
  margin:0px;
  padding:5px 0px 5px 0px ;
  font-weight:normal;
  -moz-user-select:none;    
  -moz-user-select:-moz-none;    
    overflow:hidden;
    empty-cells:show;
  }
div.gridbox table.hdr td div.hdrcell{
  overflow:hidden;
}
div.gridbox table.obj td {
  border: 1px solid;
  border-color : white Gray Gray white;
  font-size:12px;
    -moz-user-select:none;
    -moz-user-select:-moz-none;   
    overflow:hidden;
    padding-top:0px;
    padding-bottom:0px;
    empty-cells:show;
  }
div.gridbox table.obj th, div.gridbox table.hdr th{
  padding:0px 0px 0px 0px ;
  margin:0px 0px 0px 0px ;
  }

div.gridbox table.row20px tr  td{
    height:20px;
    white-space: nowrap;
    padding:0px;
}
div.gridbox .objbox {
  background-color:white;
  position:relative;
  }
div.gridbox table.obj td span.space, div.gridbox table.obj td img.space{
  width:18px;
  }
div.gridbox table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected {
  background-color:#d8d8d8;
  color:black;
  }
div.gridbox table.obj tr.rowselected td{
  background-color:#e1e0d7;
  color:black;
  }
div.gridbox table.obj td.editable{
    -moz-user-select:text;
    }
div.gridbox table.obj td.group_row{
    vertical-align:middle; font-size:10pt; font-weight:bold; height:30px;  border:0px;  border-bottom: 2px solid navy; 
    }    

.dragSpanDiv{   font-size : 12px;   border: 1px gray solid; background-color:white; z-index:999; }
.dhx_combo_select{
    font-size:12px;
    border:1px solid;
    border-color:black silver silver black;
    background-color:white;
    overflow:hidden;
    cursor:default;
    position:absolute;
    height:auto;
    z-index:600;
}
.dhx_combo_edit{
    width:100%;
    border:0px;
    padding:0px;
    padding-right:1px !ie;
    margin:0px;
    font-size:12px;
    overflow:hidden;
}

.dhx_textarea{
    border:1px solid;
    border-color:black silver silver black;
    position:absolute;
  height:100px;
  z-index:600;
}
.dhx_clist{
    background-color:white;
    border:1px solid black;
    padding:2px 2px 2px 2px;
    z-index:300;
}
.gridDragLine{
   position:absolute;
   top:10px; left:0px;
   width:100%;
   height:2px;
   background-color:black;
   overflow:hidden;
}

/*paginal output*/
div.pagingBlock{
  font-size:12px;
}
div.pagingBlock .pagingCurrentPage{
  font-weight:bold;
  cursor:default;
}
div.pagingBlock .pagingPage{
  cursor:pointer;
  text-decoration:underline;
}
span.recordsInfoBlock {
  font-size:12px;
}
div.pagingBlock a{
  text-decoration:none;
  padding-right:2px;
  color:black;
  cursor:pointer;
}
div.pagingBlock a.dhx_not_active{
  text-decoration:none;
  cursor:default;
}
/*class for toolbar selectbox. used with pagingWT*/
.toolbar_select{
  font-size:10px;
}

/*block selection style*/
.dhtmlxGrid_selection {
   -moz-opacity: 0.5;
   filter: alpha(opacity = 50);
   background-color:yellow;
   opacity:0.5;
   border: 1px dotted black;
}

/* xp skin ------------------------------------------------------*/
div.gridbox_xp{
  border:1px solid lightgrey;
}
div.gridbox_xp .xhdr{
  background-image:url('imgs/header_bg_60.gif');
}
div.gridbox_xp table.hdr td {
  color:#616161;
  background-image:url('imgs/header_bg_60.gif');
  border:0px;
  text-align: center;
  margin:0px;
  padding:5px 0px 5px 0px ;
  font-weight:bold;
    -moz-user-select:none;
    -moz-user-select:-moz-none;    
    overflow:hidden;
  }
div.gridbox_xp table.hdr td div.hdrcell{
  border-left: 1px solid white;
  border-right: 1px solid gray;
  height:16px;
  white-space : nowrap;
  font-size:12px;
}
div.gridbox_xp table.obj td {
  border:0px;
  border-bottom: 1px solid lightgrey;
  border-right: 1px solid lightgrey;
  font-size:12px;
    -moz-user-select:none;
    -moz-user-select:-moz-none;    
    overflow:hidden;
    padding-top:0px;
    padding-bottom:0px;
  }
div.gridbox_xp table.obj tr.rowselected td{
  background-color:whitesmoke;
  color:black;
  }
div.gridbox_xp table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected {
  background-color:whitesmoke;
  }
div.gridbox_xp table.row20px tr  td{
    height:22px;
    white-space: nowrap;
    padding:1px;
}

/* gray skin --------------------------------------------------*/

div.gridbox_gray {
  border:1px solid gray;
  background-color:#D4D0C8;
}

/* mt skin ------------------------------------------------------*/
div.gridbox_mt{
  border:1px solid lightgrey;
}
div.gridbox_mt .dhx_sub_row
{
  background-color:transparent;
}
div.gridbox_mt .xhdr{
  background-image:url('imgs/header_bg.gif');
}
div.gridbox_mt .xhdr_last{
  border:0px;
  border-bottom: 1px solid lightgrey;
  border-left: 1px solid lightgrey;
}
div.gridbox_mt table.hdr td {
  color:#616161;
  border:0px;
  border-bottom: 1px solid lightgrey;
  border-left: 1px solid lightgrey;
  text-align: center;
  margin:0px;
  background-image:url('imgs/header_bg.gif');
  padding: 0px 0px 0px 0px;
  -moz-user-select:none;
  -moz-user-select:-moz-none;    
  overflow:hidden;
  }
div.gridbox_mt table.hdr td div.hdrcell{
  height:16px;
  white-space : nowrap;
  font-family:Verdana;
  font-size:12px;
}
div.gridbox_mt table.obj td {
  border:0px;
  border-bottom: 1px solid lightgrey;
  border-right: 0px solid lightgrey;
  font-family:Verdana;
  font-size:12px;
    -moz-user-select:none;
    -moz-user-select:-moz-none;    
    overflow:hidden;
    padding-top:0px;
    padding-bottom:0px;
  }
div.gridbox_mt table.obj tr.rowselected td{
  background-color:#D6D3FA;
  color:black;
  }
div.gridbox_mt table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected {
  background-color:#D6D3FA;
  }
div.gridbox_mt table.row20px tr  td{
    height:22px;
    white-space: nowrap;
    padding:1px;
}

/*------------------------------------------------------------*/


div.gridbox div.ftr{
  position:absolute;
  left:0px;
  bottom:1px;
  width:100%;
  overflow:hidden;
}

div.gridbox div.ftr td {
    padding:0px;
    padding-left:10px;
    padding-right:5px;
    border-top:1px solid gray;
    border-right:1px solid gray;
    background-color:#ffffcc;
    font-style : italic;
    font-size:12px;
    overflow:hidden;
  }

div.gridbox table.hdr td.columnTargetR div.hdrcell{
  border-right:3px double #FF6600;
  border-left:3px solid #D4D0C8;
}

div.gridbox table.hdr td.columnTargetL div.hdrcell{
  border-right:3px solid #D4D0C8;
  border-left:3px double #FF6600;
}

.dhx_dragColDiv{
  font-size:12px;
  background-color:#D4D0C8;
  border: 1px solid;
  border-color : white Gray Gray white;
  text-align: center;
  margin:0px;
  padding:5px 20px 5px 20px ;
  font-weight:normal;
  filter:alpha(opacity:75);
  -moz-opacity:0.75;
  opacity:0.75;
}


/*light*/
div.gridbox_light {
  border:1px solid  #c2d5dc;
}
div.gridbox_light .xhdr{
  background-image:url(imgs/skin_light_header.png);
}
div.gridbox_light .xhdr_last{
  border: 1px solid;
  border-color : #FDFDFD #93AFBA #93AFBA #FDFDFD;
}

div.gridbox_light table.hdr{
  background-image:url(imgs/skin_light_header.png);
}

div.gridbox_light table.hdr td {
  border: 1px solid;
  border-color : #FDFDFD #93AFBA #93AFBA #FDFDFD;
  background-color:transparent;
  font-size:11px;
  font-weight:bold;
  color:#055A78;
  vertical-align:top;
  text-align:left;
}
div.gridbox_light table.hdr td div.hdrcell{
  width:auto;
  padding-left:10px;
}
div.gridbox_light table.hdr .filter{
  padding-left:0px !important;
  text-align:center;
  -moz-user-select:text;
}
div.gridbox_light table.obj td {
  border-width: 0px 1px 0px 1px;
  border-left: 1px solid white;
  border-right: 1px solid #D6D6D6;
  font-size:11px;
  padding-right:4px;
  padding-left:4px;
}
div.gridbox_light table.obj{
  border-bottom: 1px solid #D6D6D6;
}
div.gridbox_light table.row20px tr td {
  padding-right:4px;
  padding-left:4px;
}
div.gridbox_light .dhx_combo_edit{
  font-size:11px;
}
div.gridbox_light table.obj tr.rowselected td{
  background-color:#ededed;
  color:black;
  }
div.gridbox_light table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected {
  background-color:#ededed;
  }
div.gridbox_light .odd_light{
  background-color:#E5F2F8;
}

div.gridbox_light div.ftr td {
  empty-cells:show;
}


/*modern*/
div.gridbox_modern {
  border:1px solid  #D6D6D6;
}
div.gridbox_modern .dhx_sub_row
{
  background-color:transparent;
}
div.gridbox_modern .xhdr{
  background-image:url(imgs/skin_modern_header.png);
}
div.gridbox_modern .xhdr_last{
  border: 1px solid;
  border-color : #FDFDFD #B5B5B5 #B5B5B5 #FDFDFD;
}
div.gridbox_modern table.hdr{
  background-image:url(imgs/skin_modern_header.png);
}

div.gridbox_modern table.hdr td {
  border-right:1px solid #B5B5B5;
  border-left:1px solid #FDFDFD;
  border-top:1px solid #FDFDFD;
  border-bottom:1px solid #B5B5B5;

  background-color:transparent;
  font-size:11px;
  font-weight:bold;
  color:#055A78;
  vertical-align:top;
  text-align:left;
}
div.gridbox_modern table.hdr td div.hdrcell{
  width:auto;
  padding-left:10px;
}
div.gridbox_modern table.hdr .filter{
  padding-left:0px !important;
  text-align:center;
}
div.gridbox_modern table.obj td {
  border: 0px solid;
  font-size:11px;
  padding-right:4px;
  padding-left:4px;
}
div.gridbox_modern table.row20px tr td {
  padding-right:4px;
  padding-left:4px;
}
div.gridbox_modern .dhx_combo_edit{
  font-size:11px;
}
div.gridbox_modern table.obj tr.rowselected td{
  background-color:#9ac2e5;
  color:black;
  }
div.gridbox_modern table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected {
  background-color:#9ac2e5;
  }
div.gridbox_modern .odd_modern{
  background-color:#EDEDED;
}
div.gridbox_modern div.ftr td {
    padding:0px;
    padding-left:10px;
    padding-right:5px;
    border-top:0px solid gray;
    border-right:0px solid gray;
    background-color:#ffffcc;
    font-style : italic;
    font-size:12px;
  }



/*clear*/
div.gridbox_clear .xhdr{
  background-color:transparent;
}
div.gridbox_clear div.topMumba{
     position:absolute;
   left:0px;
   width:100%;
   height:3px;
   background-image:url(imgs/skinC_header.png);
   overflow:hidden;
   padding:0px;
   margin:0px;
}
div.gridbox_clear div.bottomMumba{
     position:absolute;
   left:0px;
   width:100%;
   height:3px;
   background-image:url(imgs/skinD_header.png);
   overflow:hidden;
}
div.gridbox_clear div.bottomMumba img,div.gridbox_clear div.topMumba img{
  border:0px;
  position:absolute;
  top:0px;
}

div.gridbox_clear{
  padding-left: 10px;
  padding-right: 10px;
}

div.gridbox_clear table.hdr td {
  border:0px;
  background-color:transparent;
  font-size:11px;
  font-weight:bold;
  color:#055A78;
  vertical-align:top;
  text-align:left;
}
div.gridbox_clear table.hdr td div.hdrcell{
  width:auto;
  padding-left:10px;
  padding-bottom:2px;
}
div.gridbox_clear table.hdr .filter{
  padding-left:0px !important;
  text-align:center;
}
div.gridbox_clear table.obj td {
    border-width:  0px 1px 0px 0px ;
  border-color:#D6D6D6;
  font-size:11px;
  padding-right:4px;
  padding-left:4px;
}
div.gridbox_clear table.row20px tr td {
  padding-right:4px;
  padding-left:4px;
}
div.gridbox_clear .dhx_combo_edit{
  font-size:11px;
}
div.gridbox_clear .odd_clear{
  background-color:#E5F2F8;
}

div.gridbox_clear div.ftr td {
    padding:0px;
    padding-left:10px;
    padding-right:5px;
    border-top:1px solid gray;
    border-right:0px solid gray;
    background-color:#ffffcc;
    font-style : italic;
    font-size:12px;
  }


/*sb dark*/

div.gridbox_sbdark .objbox {
    background: #313131 !important;
}

div.gridbox_sbdark .xhdr{
  background-color:#313131;
}
div.gridbox_sbdark .xhdr_last{
  border: 1px solid;
  border-color : #474948 #202220 #202220 #202220;
}

div.gridbox_sbdark {      
      background: #313131 !important; 
}

div.gridbox_sbdark table {
    border-collapse: collapse;
}

div.gridbox_sbdark table.hdr tr  {
    border-top: 1px solid #202220;
}

div.gridbox_sbdark table.hdr, 
div.gridbox_sbdark table.hdr td {
    border-right:1px solid #202220;
    border-left:1px solid #202220;
    border-top: 1px solid #474948;
    border-bottom:1px solid #202220;
    background-color: #313131;
    
    font-size:11px; 
    color:#8A8F84;
    vertical-align:top;
    text-align:left;
    padding: 2px 5px;
}

div.gridbox_sbdark .hdrcell {
    padding-left: 0px !important;
}

div.gridbox_sbdark table.hdr td div.hdrcell{
    width:auto;
    padding-left:10px;
}

div.gridbox_sbdark table.obj td {
    border-width: 0px 1px 0px 1px;
    border-left: 1px solid #202220;
    border-right: 1px solid #EDF3F0;
    font-size:11px;    
}

div.gridbox_sbdark table.row20px tr td {
    padding: 0px 5px !important; 
    text-indent:1px;
}

div.gridbox_sbdark .dhx_combo_edit{
    font-size:11px;
}

div.gridbox_sbdark table.obj tr.rowselected td, 
div.gridbox_sbdark table.obj tr:hover, 
div.gridbox_sbdark .odd_light:hover {
    background-color: #8A8F84;
    color: white !important;
}

div.gridbox_sbdark table.obj tr.rowselected td.cellselected , 
div.gridbox_sbdark table.obj td.cellselected {
    background-color:#8A8F84;
}

div.gridbox_sbdark .cellselected {
    background-color: #6e6f64 !important;    
}

div.gridbox_sbdark .ev_sbdark {
    background-color: #FFFFFF;
}

div.gridbox_sbdark .odd_sbdark {
    background-color:#EDF3F0;
} 

.dhtmlx_live_validation_error{
  background-color:#FFE0E0 !important;
}
.dhtmlx_validation_error{
    border-bottom:2px solid red !important;
}
.dhx_header_cmenu{
   background-color:#ffffff;
   border:2px outset silver;
   z-index:2;
  }
.dhx_header_cmenu_item{
  white-space:nowrap;
 }
div.gridbox_dhx_skyblue div.ftr td{
  text-align:right;
  background-image:url(./imgs/sky_blue_grid.gif);
  border-color:#A4BED4;
}
div.gridbox table.hdr td:last-child {
  border-right-width: 0px !important;
}/*===========  Appended from: css/ResultsViewer.css===========*/

.ResultsViewerTopPortionMain
{
  position: relative;
  font-size: 11px;
}

.ResultNameFront
{
  left: 7px;
  top: 8px;
  width: 66px;
  height: 12px;/* FX on Mac needs 10, but FX on XP needs 12 */
  font-size: 10px;
  font-weight: bold;
}

.ResultNameNonFront
{
  left: 5px;
  top: 6px;
  width: 63px;
  height: 12px;/* FX on Mac needs 10, but FX on XP needs 12 */
  font-size: 9px;
  font-weight: bold;
}

.ResultOperationFront
{
  left: 7px;
  top: 55px;
  width: 65px;
  height: 12px;/* FX on Mac needs 10, but FX on XP needs 12 */
  font-size: 9px;
  font-weight: bold;
}

.ResultOperationNonFront
{
  left: 10px;
  top: 40px;
  width: 51px;
}

.ResultInnerImageFront /* used in NonMessage.js */
{
  position: absolute;
  left: 13px;
  top: 23px;
}

.ResultInnerImageNonFront /* used in NonMessage.js */
{
  position: absolute;
  left: 15px;
  top: 16px;
}

.ResultMessageImageFront
{
  position: absolute;
  width: 55px;
  height: 28px;
}

.ResultMessageImageDivFront
{
  position: absolute;
  left: 12px;
  top: 21px;
}

.ResultMessageContentTypeDiv
{
  text-align: center;
  position: absolute;
  font-size: 9px;
  font-weight: bold;
  text-shadow: 1px 1px 1px #FFFFFF;
}

.ResultMessageContentTypeDivFront
{
  left: 12px;
  top: 30px;
  width: 55px;
}

.ResultMessageImageNonFront
{
  position: absolute;
  width: 42px;
  height: 24px;
}

.ResultMessageImageDivNonFront
{
  position: absolute;
  left: 14px;
  top: 16px;
}

.ResultMessageContentTypeDivNonFront
{
  left: 14px;
  top: 22px;
  width: 43px;
}

.contentTypeImage
{
  position: relative;
  top: 3px;
  margin-right: 2px;
}

.displayFontFront
{
  font-size: 12px;
  height: 10px;/* has to be this tall for firefox on windows */
}

.displayFontNonFront
{
  font-size: 9px;
  height: 9px;/* has to be this tall for firefox on windows */
}

.displayFont
{
  position: absolute;
  text-align: center;
  color: #fff;
  text-shadow: 0px 1px 3px #000, 0px 0px 3px #000;
}

.displayFontEllipsis
{
  overflow: hidden;
  white-space: nowrap;
}

.ResultsViewerInfoContainer
{
  position:               absolute;
  display:                none;
  top:                    5px;
  font-size:              11px;
  font-weight:            bold;
  color:                  #666;
}

.widgetGradient {
  background:             -webkit-linear-gradient(bottom, hsl(0,0%,85%) 0%, hsl(0,0%,100%) 100%);
  background:             -moz-linear-gradient(bottom, hsl(0,0%,85%) 0%, hsl(0,0%,100%) 100%);
  background:             -ms-linear-gradient(bottom, hsl(0,0%,85%) 0%, hsl(0,0%,100%) 100%);
  background:             linear-gradient(bottom, hsl(0,0%,85%) 0%, hsl(0,0%,100%) 100%);
  background-position:    0px 0px;      
}
.darkTheme .widgetGradient {
  background:             -webkit-linear-gradient(bottom, hsl(213, 5%, 14%) 0%, hsl(213, 5%, 14%) 48%, hsl(213, 3%, 20%) 100%);
  background:             -moz-linear-gradient(bottom, hsl(213, 5%, 14%) 0%, hsl(213, 5%, 14%) 48%, hsl(213, 3%, 20%) 100%);
  background:             -ms-linear-gradient(bottom, hsl(213, 5%, 14%) 0%, hsl(213, 5%, 14%) 48%, hsl(213, 3%, 20%) 100%);
  background:             linear-gradient(bottom, hsl(213, 5%, 14%) 0%, hsl(213, 5%, 14%) 48%, hsl(213, 3%, 20%) 100%); 
}
.darkBlueTheme .widgetGradient {
  background:             -webkit-linear-gradient(bottom, hsl(200, 75%, 14%) 0%, hsl(200, 75%, 14%) 48%, hsl(200, 75%, 26%) 100%);
  background:             -moz-linear-gradient(bottom, hsl(200, 50%, 18%) 0%, hsl(200, 50%, 18%) 48%, hsl(200, 60%, 26%) 100%);
  background:             -ms-linear-gradient(bottom, hsl(200, 50%, 18%) 0%, hsl(200, 50%, 18%) 48%, hsl(200, 60%, 26%) 100%);
  background:             linear-gradient(bottom, hsl(200, 50%, 18%) 0%, hsl(200, 50%, 18%) 48%, hsl(200, 60%, 26%) 100%);
}


.EventViewerInfoContainer
{
  font-size:          12px;
  font-weight:        bold;
  color:              hsl(216, 11%, 36%);
  height:             155px;
}


.ResultsViewerStatLabel
{
  color:              hsl(0, 0%, 45%);
  float:              left;
  margin-left:        7px;
  font-size:          11px;
}
.darkTheme .ResultsViewerStatLabel
{
  color:              hsl(213, 5%, 55%);
}
.darkBlueTheme .ResultsViewerStatLabel
{
  color:              hsl(200, 30%, 60%);
}


.ResultsViewerStatValue
{
  color:              black;
  float:              left;
  margin-left:        5px;
  font-size:          11px;
}
.darkTheme .ResultsViewerStatValue
{
  color:              hsl(213, 5%, 80%);
}
.darkBlueTheme .ResultsViewerStatValue
{
  color:              hsl(200, 30%, 90%);
}


.xM .ResultsViewerStatValue {
  margin-left:        6px;
  font-size:          12px;
}
.xL .ResultsViewerStatValue {
  margin-left:        7px;
  font-size:          13px;
}


.ResultsViewerStatusValue
{
  float:              left;
  margin-left:        3px;
  margin-top:         8px;
  font-size:          14px;
  color:              black;
}
.darkTheme .ResultsViewerStatusValue {
  color:              hsl(213, 5%, 80%);
}
.darkBlueTheme .ResultsViewerStatusValue {
  color:              hsl(200, 30%, 90%);
}


.ResultsViewerControlLabel
{
  float: left;
  margin-left:4px;
  margin-top:3px;
}

#eventsTable.events {
  width:             100%;
  table-layout:      fixed;
  background-color:  hsl(213, 100%, 97%);
}
.darkTheme #eventsTable.events {
  background-color:  hsla(213, 100%, 5%, .1) !important;
}
.darkBlueTheme #eventsTable.events {
  background-color:  hsla(200, 100%, 5%, .1) !important;
}



.ComponentPath
{
  position: absolute;
  margin-top: 1px;
  z-index: 20;
  white-space: nowrap;
  text-align: center;
}

.ComponentPathItem
{
  display:      inline-block;
  font-size:     12px;
  font-weight:    hsl(213, 100%, 2%);
  color:       black;
}
darkTheme .ComponentPathItem
{
  color:       hsl(213, 100%, 2%);
}
.darkBlueTheme .ComponentPathItem
{
  color:       hsl(213, 100%, 2%);
}


.TreeToggleButton
{
  width:50px;
  height:22px;
  background-repeat: no-repeat;
}

.ResultsViewerStatusFlipper
{
  float:left;
  border-right: 1px solid #BABABA;
  padding-right: 10px;
  height: 100%;
}

.resultsSpinner
{
  padding-top: 7px;
  padding-left: 4px;
  padding-right: 4px;
}

td.resview_summary
{
  background-color: #ffffff;
  border-right: 1px solid #bababa; 
  padding: 6px;
}
td.resview_summaryDetail
{
  background-color: #f2f2f2;
  border-right: 1px solid #bababa; 
  padding: 0px;
}
td.resview_summaryDetail td
{
  padding-left: 6px;
  padding-right: 6px;
}
td.resview_summaryDetail tr.title
{
  height: 29px;
}

td.resview_alt
{
  background-color: white;
}

td.detailTextTitle,
.summaryText
{
  color: #2a2a2a;
  font-size: 14px;
}

td.detailTextTitle
{
  height:       30px;
  font-size:      14px;
  font-weight:     bold;
}

.summaryTextBig
{
  color:        hsl(213, 100%, 5%);
  font-size:      17px;
  padding-bottom:   1px;
}

.valiationTextSubtle,
.validationTextError,
.validationTextPassed,
.summaryTextSubtle
{
  color:        hsl(213, 5%, 40%);
  font-size:      12px;
  white-space:     nowrap;
}
.darkTheme .valiationTextSubtle,
.darkTheme .validationTextError,
.darkTheme .validationTextPassed,
.darkTheme .summaryTextSubtle
{
  color:        hsl(213, 5%, 40%);
}
.darkBlueTheme .valiationTextSubtle,
.darkBlueTheme .validationTextError,
.darkBlueTheme .validationTextPassed,
.darkBlueTheme .summaryTextSubtle
{
  color:        hsl(200, 30%, 45%);
}

.validationTextSubtle
{
  font-weight: normal;
}

.validationTextError
{
  color:        hsl(0, 100%, 39%);
}

.validationTextPassed
{
  color:        hsl(120, 100%, 36%);
}


td.detailText,
.summaryTextFaded
{
  color:        hsl(213, 5%, 40%);
  font-size:      12px;
}
.darkTheme td.detailText,
.darkTheme .summaryTextFaded
{
  color:        hsl(213, 5%, 50%);
}
.darkBlueTheme td.detailText,
.darkBlueTheme .summaryTextFaded
{
  color:        hsl(200, 30%, 60%);
}


td.detailText
{
  font-size:      11px;
}

.resview_toplabel
{
  font-weight:     bold;
  font-size:      12px;
  color:        hsl(213, 5%, 40%);
}

tr.smaller .resview_toplabel
{
  font-size: 10px;
}

.resview_toptext
{
  font-weight:    bold;
  font-size:      12px;
  color:          black;
}


.darkTheme #divPageNavigation {
  color:          hsl(213, 5%, 50%) !important;
}
.darkBlueTheme #divPageNavigation {
  color:          hsl(200, 20%, 55%) !important;
}


.darkTheme #spanCurrentPage.resview_toptext,
.darkTheme #spanPageCount.resview_toptext {
  color:          hsl(213, 5%, 80%) !important;
}
.darkBlueTheme #spanCurrentPage.resview_toptext,
.darkBlueTheme #spanPageCount.resview_toptext {
  color:          hsl(200, 20%, 85%) !important;
}





tr.smaller .resview_toptext
{
  font-size: 10px;
}
.resview_infotext
{
  font-style: italic;
  font-size: 12px;
  color: #878787;
}

.resview_summary_name
{
  font-size: 13px;
  background-color: #f2f2f2;
  border-bottom: 1px solid #bababa;
  padding: 10px 6px 3px;
}

.resview_summary_desc
{
  font-size: 11px;
  background-color: #f2f2f2;
  border-bottom: 1px solid #bababa;
  padding: 10px 6px 3px;
}

.resview_toptitle
{
  font-size: 14px;
  color: #4d4d4d;
  background-color: #d7e6fd;
  border-bottom: 1px solid #bababa;
}

.resview_topsel
{
  font-size: 12px;
}

.noOpActionIconFront
{
  position: absolute;
  top: 52px;
}

.noOpActionWaitFront
{
  left: 37px;
}

.noOpActionValidateFront
{
  left: 52px;
}

.noOpActionIconNonFront
{
  position: absolute;
  top: 38px;
}

.noOpActionWaitNonFront
{
  left: 28px;
}

.noOpActionValidateNonFront
{
  left: 43px;
}

div.msgBgRv_transition
{
  -moz-transition: all 200ms linear; 
  -webkit-transition: all 200ms linear;  
  -ms-transition: all 200ms linear;  
  -o-transition: all 200ms linear;  
  transition: all 200ms linear;  
}

.rv_general_label
{
  text-align:                right;
  color:                     hsl(0, 0%, 40%);
  padding-right:             5px;
  vertical-align:            top;
  white-space:               nowrap;
  width:                     1%;
}

.rv_general_value {
 color:                   black;
 padding-right:           10px;
 vertical-align:          bottom;
}

.rv_special_label
{
  text-align:                right;
  color:                     black;
  padding-right:             5px;
  vertical-align:            top;
  white-space:               nowrap;
  width:                     1%;
  font-size:                 12px;
}

.rv_custom_properties_label {
  color:                    black;  
}

.rv_lower_hr {
  width:                    100%;
  border-bottom:            1px solid hsl(0,0%,68%);
  margin-top:               10px;
  margin-bottom:            10px; 
}

.rv_http_content {
  color:                    hsl(229,63%,34%);
}

.rv_general_table
{
  width: 100%;
}

.rv_general_table>tbody>tr>td
{
  padding:5px 10px 5px 10px;
  vertical-align:top;
  border-right:1px solid #cccccc;
}

.rv_general_table td:last-child
{
  border-right:none;
}

.rv_wvprop_table
{
  width:100%;
  padding:10px;
}

.rv_wvprop_table tr
{
  line-height:18px;
}

.rv_no_data_info_message_outer
{
  text-align:      center; 
  height:        18px;
  margin-top:      -18px;
  position:       absolute;
  top:         50%;
  width:        100%;
}

.rv_no_data_info_message_inner
{
  display:       inline-block;
  font-size:      16px;
  color:        hsl(213, 100%, 98%);
  background-color:   hsl(213, 5%, 35%);
  border-radius:    5px;
  padding:       5px 15px 7px 15px;
}
.darkTheme .rv_no_data_info_message_inner
{
  color:        hsl(213, 50%, 98%);
  background-color:   hsl(213, 10%, 35%);
}
.darkBlueTheme .rv_no_data_info_message_inner
{
  color:        hsl(200, 100%, 98%);
  background-color:   hsl(200, 75%, 35%);
}


/*  Begin Images and Coordinates from imageMasterMsgBG_rvReflection_v2.png */
div.msgBgRv_middle
{
  width: 79px;
  height: 93px;
}

div.msgBgRv_small
{
  top: 0px;
  width: 71px;
  height: 59px;
}

div.msgBgRv_small_reflection
{
  top: 59px;
  width: 71px;
  height: 16px;
}

div.msgBgRv_small_shadowTopLeft
{
  position:absolute;
  top: 0px;
  width: 71px;
  height: 23px;
  background-position: -5px -1908px;
  z-index: -1;
}

div.msgBgRv_small_shadowBottomLeft
{
  position:absolute;
  top: 23px;
  width: 71px;
  height: 35px;
  background-position:-5px -1931px;
  z-index:-1;
}

div.msgBgRv_small_shadowTopRight
{
  position:absolute;
  top: 0px;
  width: 71px;
  height: 23px;
  background-position: 5px -1908px;
  z-index: -1;
}

div.msgBgRv_small_shadowBottomRight
{
  position:absolute;
  top: 23px;
  width: 71px;
  height: 35px;
  background-position:5px -1931px;
  z-index:-1;
}

div.lowerPaneSeparator
{
  position: absolute;
  top: 0px;
  width: 100%;
  height: 10px;
  z-index:0;
  border-style: hidden hidden solid hidden;
  border-width: 0px 0px 1px 0px;
  border-color: #A0A0A0;
  -moz-box-shadow:    0px 1px 10px 2px #C8C8C8;
  -webkit-box-shadow: 0px 1px 10px 2px #C8C8C8;
  box-shadow:         0px 1px 10px 2px #C8C8C8;
}

.rv_inputouput_expandable_table
{
  width:100%;
}

.rv_inputouput_expandable_table td:first-child
{
  white-space:nowrap;
  width:1%;
}

.rv_inputouput_expandable_table td:first-child + td
{
  white-space:          nowrap;
  width:                99%;
}

.rv_target_definition
{
  padding:10px;
}

.rv_target_definition_title
{
  font-size:17px;
  margin-bottom:10px;
  padding:10px;
  border-bottom:1px solid #ccc;
}

.rv_target_definition_sectionheader
{
  font-size:14px;
}

.rv_target_definition_section
{
  padding:0px 10px 0px 10px;
}

/* EVENTS LIST */
table.events .eventslist_table_header_bar {
  overflow:             hidden;
  padding-bottom:       7px;
  padding-top:          7px;
  padding-left:         7px;
  background-color:     hsl(0, 0%, 84%);
  border-bottom:        hsl(0, 0%, 78%);
  border-right:         hsl(0, 0%, 78%);
}
table.events .eventslist_table_header_bar:last-child {
  border-right:         none;
}

.event_viewer_scroll {
  overflow:             auto;
  background-color:     hsl(213, 100%, 97%);
  height:               872px;
}
.darkTheme .event_viewer_scroll,
.darkBlueTheme .event_viewer_scroll {
  background-color:     transparent;
}

.eventslist_oddline {
  background-color:     hsl(213, 5%, 95%);  
}
.darkTheme .eventslist_oddline {
  background-color:     hsla(213, 50%, 98%, .05);  
}
.darkBlueTheme .eventslist_oddline {
  background-color:     hsla(200, 50%, 98%, .05);  
}


.ItemNonFrontContainer
      {
        position:absolute;
        top:7px;
      }

      .ItemFrontContainer
      {
        position:absolute;
        top:0px;
        z-index:50;
      }
/*
 Database Action section
 these classes override ones from dhtmlxgrid.css
*/
div.gridbox table.hdr td {
  font-size:12px;
  background-color:#f1f3f5;
  border: 1px solid;
  border-color : #e8e8e8;
  text-align: left;
  margin:0px;
  padding:5px 0px 5px 5px ;
  font-weight:normal;
  -moz-user-select:none;    
  -moz-user-select:-moz-none;    
   overflow:hidden;
   empty-cells:show;
   color:#3e3e3e;
  }
  
div.gridbox div.xhdr {
  background-color:white;
}
  
div.gridbox table.obj td {
  border: 1px solid;
  border-color : #e8e8e8;
  font-size:12px;
  -moz-user-select:none;
  -moz-user-select:-moz-none;   
  overflow:hidden;
  padding-top:0px;
  padding-bottom:0px;
  empty-cells:show;
  color:#3e3e3e;
  }
  
div.gridbox table.row20px tr td{
  padding:0px 0px 0px 5px;
}

div.tree_contents_container {
  overflow-x:hidden;
  overflow-y:auto;
  transform: translateZ(0);
}

/*  Begin Middle Images */

div.msgBgRv_middle_green_wLogo {background-position:0px 0px}
div.msgBgRv_middle_orange_wLogo {background-position:-79px 0px}
div.msgBgRv_middle_purple_wLogo {background-position:-158px 0px}
div.msgBgRv_middle_blue_wLogo {background-position:-237px 0px}
div.msgBgRv_middle_silver_wLogo {background-position:-316px 0px}
div.msgBgRv_middle_yellow_wLogo {background-position:-395px 0px}
div.msgBgRv_middle_seafoam_wLogo {background-position:-474px 0px}
div.msgBgRv_middle_pink_wLogo {background-position:-553px 0px}
div.msgBgRv_middle_taupe_wLogo {background-position:-632px 0px}
div.msgBgRv_middle_brown_wLogo {background-position:-711px 0px}
div.msgBgRv_middle_black_wLogo {background-position:-790px 0px}
div.msgBgRv_middle_slate_wLogo {background-position:-869px 0px}

div.msgBgRv_middle_green_wLogo_error {background-position:0px -93px}
div.msgBgRv_middle_orange_wLogo_error {background-position:-79px -93px}
div.msgBgRv_middle_purple_wLogo_error {background-position:-158px -93px}
div.msgBgRv_middle_blue_wLogo_error {background-position:-237px -93px}
div.msgBgRv_middle_silver_wLogo_error {background-position:-316px -93px}
div.msgBgRv_middle_yellow_wLogo_error {background-position:-395px -93px}
div.msgBgRv_middle_seafoam_wLogo_error {background-position:-474px -93px}
div.msgBgRv_middle_pink_wLogo_error {background-position:-553px -93px}
div.msgBgRv_middle_taupe_wLogo_error {background-position:-632px -93px}
div.msgBgRv_middle_brown_wLogo_error {background-position:-711px -93px}
div.msgBgRv_middle_black_wLogo_error {background-position:-790px -93px}
div.msgBgRv_middle_slate_wLogo_error {background-position:-869px -93px}

div.msgBgRv_middle_green_wContentType {background-position:0px -186px}
div.msgBgRv_middle_orange_wContentType {background-position:-79px -186px}
div.msgBgRv_middle_purple_wContentType {background-position:-158px -186px}
div.msgBgRv_middle_blue_wContentType {background-position:-237px -186px}
div.msgBgRv_middle_silver_wContentType {background-position:-316px -186px}
div.msgBgRv_middle_yellow_wContentType {background-position:-395px -186px}
div.msgBgRv_middle_seafoam_wContentType {background-position:-474px -186px}
div.msgBgRv_middle_pink_wContentType {background-position:-553px -186px}
div.msgBgRv_middle_taupe_wContentType {background-position:-632px -186px}
div.msgBgRv_middle_brown_wContentType {background-position:-711px -186px}
div.msgBgRv_middle_black_wContentType {background-position:-790px -186px}
div.msgBgRv_middle_slate_wContentType {background-position:-869px -186px}

div.msgBgRv_middle_green_wContentType_error {background-position:0px -279px}
div.msgBgRv_middle_orange_wContentType_error {background-position:-79px -279px}
div.msgBgRv_middle_purple_wContentType_error {background-position:-158px -279px}
div.msgBgRv_middle_blue_wContentType_error {background-position:-237px -279px}
div.msgBgRv_middle_silver_wContentType_error {background-position:-316px -279px}
div.msgBgRv_middle_yellow_wContentType_error {background-position:-395px -279px}
div.msgBgRv_middle_seafoam_wContentType_error {background-position:-474px -279px}
div.msgBgRv_middle_pink_wContentType_error {background-position:-553px -279px}
div.msgBgRv_middle_taupe_wContentType_error {background-position:-632px -279px}
div.msgBgRv_middle_brown_wContentType_error {background-position:-711px -279px}
div.msgBgRv_middle_black_wContentType_error {background-position:-790px -279px}
div.msgBgRv_middle_slate_wContentType_error {background-position:-869px -279px}

div.msgBgRv_middle_green {background-position:0px -372px}
div.msgBgRv_middle_orange {background-position:-79px -372px}
div.msgBgRv_middle_purple {background-position:-158px -372px}
div.msgBgRv_middle_blue {background-position:-237px -372px}
div.msgBgRv_middle_silver {background-position:-316px -372px}
div.msgBgRv_middle_yellow {background-position:-395px -372px}
div.msgBgRv_middle_seafoam {background-position:-474px -372px}
div.msgBgRv_middle_pink {background-position:-553px -372px}
div.msgBgRv_middle_taupe {background-position:-632px -372px}
div.msgBgRv_middle_brown {background-position:-711px -372px}
div.msgBgRv_middle_nonMsg {background-position:-790px -372px}
div.msgBgRv_middle_container {background-position:-869px -372px}
div.msgBgRv_middle_black {background-position:-948px -372px}
div.msgBgRv_middle_slate {background-position:-1027px -372px}

div.msgBgRv_middle_green_error {background-position:0px -465px}
div.msgBgRv_middle_orange_error {background-position:-79px -465px}
div.msgBgRv_middle_purple_error {background-position:-158px -465px}
div.msgBgRv_middle_blue_error {background-position:-237px -465px}
div.msgBgRv_middle_silver_error {background-position:-316px -465px}
div.msgBgRv_middle_yellow_error {background-position:-395px -465px}
div.msgBgRv_middle_seafoam_error {background-position:-474px -465px}
div.msgBgRv_middle_pink_error {background-position:-553px -465px}
div.msgBgRv_middle_taupe_error {background-position:-632px -465px}
div.msgBgRv_middle_brown_error {background-position:-711px -465px}
div.msgBgRv_middle_nonMsg_error {background-position:-790px -465px}
div.msgBgRv_middle_container_error {background-position:-869px -465px}
div.msgBgRv_middle_black_error {background-position:-948px -465px}
div.msgBgRv_middle_slate_error {background-position:-1027px -465px}

div.msgBgRv_middle_innerShadow {background-position:0px -1983px}
div.msgBgRv_middle_error {background-position:-79px -1983px}
div.msgBgRv_middle_error_wShadow {background-position:-158px -1983px}

/*  Begin Small Images */

div.msgBgRv_small_green_reflection {background-position:0px -618px}
div.msgBgRv_small_orange_reflection {background-position:-71px -618px}
div.msgBgRv_small_purple_reflection {background-position:-142px -618px}
div.msgBgRv_small_blue_reflection {background-position:-213px -618px}
div.msgBgRv_small_silver_reflection {background-position:-284px -618px}
div.msgBgRv_small_yellow_reflection {background-position:-355px -618px}
div.msgBgRv_small_seafoam_reflection {background-position:-426px -618px}
div.msgBgRv_small_pink_reflection {background-position:-497px -618px}
div.msgBgRv_small_taupe_reflection {background-position:-568px -618px}
div.msgBgRv_small_brown_reflection {background-position:-639px -618px}
div.msgBgRv_small_black_reflection {background-position:-710px -618px}
div.msgBgRv_small_slate_reflection {background-position:-781px -618px}
div.msgBgRv_small_nonMsg_reflection {background-position:-710px -1518px}
div.msgBgRv_small_container_reflection {background-position:-781px -1518px}

div.msgBgRv_small_green_error_reflection {background-position:0px -693px}
div.msgBgRv_small_orange_error_reflection {background-position:-71px -693px}
div.msgBgRv_small_purple_error_reflection {background-position:-142px -693px}
div.msgBgRv_small_blue_error_reflection {background-position:-213px -693px}
div.msgBgRv_small_silver_error_reflection {background-position:-284px -693px}
div.msgBgRv_small_yellow_error_reflection {background-position:-355px -693px}
div.msgBgRv_small_seafoam_error_reflection {background-position:-426px -693px}
div.msgBgRv_small_pink_error_reflection {background-position:-497px -693px}
div.msgBgRv_small_taupe_error_reflection {background-position:-568px -693px}
div.msgBgRv_small_brown_error_reflection {background-position:-639px -693px}
div.msgBgRv_small_black_error_reflection {background-position:-710px -693px}
div.msgBgRv_small_slate_error_reflection {background-position:-781px -693px}
div.msgBgRv_small_nonMsg_error_reflection {background-position:-710px -1592px}
div.msgBgRv_small_container_error_reflection {background-position:-781px -1593px}

div.msgBgRv_small_green_wLogo {background-position:0px -558px}
div.msgBgRv_small_orange_wLogo {background-position:-71px -558px}
div.msgBgRv_small_purple_wLogo {background-position:-142px -558px}
div.msgBgRv_small_blue_wLogo {background-position:-213px -558px}
div.msgBgRv_small_silver_wLogo {background-position:-284px -558px}
div.msgBgRv_small_yellow_wLogo {background-position:-355px -558px}
div.msgBgRv_small_seafoam_wLogo {background-position:-426px -558px}
div.msgBgRv_small_pink_wLogo {background-position:-497px -558px}
div.msgBgRv_small_taupe_wLogo {background-position:-568px -558px}
div.msgBgRv_small_brown_wLogo {background-position:-639px -558px}
div.msgBgRv_small_black_wLogo {background-position:-710px -558px}
div.msgBgRv_small_slate_wLogo {background-position:-781px -558px}

div.msgBgRv_small_green_wLogo_error {background-position:0px -633px}
div.msgBgRv_small_orange_wLogo_error {background-position:-71px -633px}
div.msgBgRv_small_purple_wLogo_error {background-position:-142px -633px}
div.msgBgRv_small_blue_wLogo_error {background-position:-213px -633px}
div.msgBgRv_small_silver_wLogo_error {background-position:-284px -633px}
div.msgBgRv_small_yellow_wLogo_error {background-position:-355px -633px}
div.msgBgRv_small_seafoam_wLogo_error {background-position:-426px -633px}
div.msgBgRv_small_pink_wLogo_error {background-position:-497px -633px}
div.msgBgRv_small_taupe_wLogo_error {background-position:-568px -633px}
div.msgBgRv_small_brown_wLogo_error {background-position:-639px -633px}
div.msgBgRv_small_black_wLogo_error {background-position:-710px -633px}
div.msgBgRv_small_slate_wLogo_error {background-position:-781px -633px}

div.msgBgRv_small_green_wContentType {background-position:0px -1008px}
div.msgBgRv_small_orange_wContentType {background-position:-71px -1008px}
div.msgBgRv_small_purple_wContentType {background-position:-142px -1008px}
div.msgBgRv_small_blue_wContentType {background-position:-213px -1008px}
div.msgBgRv_small_silver_wContentType {background-position:-284px -1008px}
div.msgBgRv_small_yellow_wContentType {background-position:-355px -1008px}
div.msgBgRv_small_seafoam_wContentType {background-position:-426px -1008px}
div.msgBgRv_small_pink_wContentType {background-position:-497px -1008px}
div.msgBgRv_small_taupe_wContentType {background-position:-568px -1008px}
div.msgBgRv_small_brown_wContentType {background-position:-639px -1008px}
div.msgBgRv_small_black_wContentType {background-position:-710px -1008px}
div.msgBgRv_small_slate_wContentType {background-position:-781px -1008px}

div.msgBgRv_small_green_wContentType_error {background-position:0px -1083px}
div.msgBgRv_small_orange_wContentType_error {background-position:-71px -1083px}
div.msgBgRv_small_purple_wContentType_error {background-position:-142px -1083px}
div.msgBgRv_small_blue_wContentType_error {background-position:-213px -1083px}
div.msgBgRv_small_silver_wContentType_error {background-position:-284px -1083px}
div.msgBgRv_small_yellow_wContentType_error {background-position:-355px -1083px}
div.msgBgRv_small_seafoam_wContentType_error {background-position:-426px -1083px}
div.msgBgRv_small_pink_wContentType_error {background-position:-497px -1083px}
div.msgBgRv_small_taupe_wContentType_error {background-position:-568px -1083px}
div.msgBgRv_small_brown_wContentType_error {background-position:-639px -1083px}
div.msgBgRv_small_black_wContentType_error {background-position:-710px -1083px}
div.msgBgRv_small_slate_wContentType_error {background-position:-781px -1083px}

div.msgBgRv_small_green {background-position:0px -1458px}
div.msgBgRv_small_orange {background-position:-71px -1458px}
div.msgBgRv_small_purple {background-position:-142px -1458px}
div.msgBgRv_small_blue {background-position:-213px -1458px}
div.msgBgRv_small_silver {background-position:-284px -1458px}
div.msgBgRv_small_yellow {background-position:-355px -1458px}
div.msgBgRv_small_seafoam {background-position:-426px -1458px}
div.msgBgRv_small_pink {background-position:-497px -1458px}
div.msgBgRv_small_taupe {background-position:-568px -1458px}
div.msgBgRv_small_brown {background-position:-639px -1458px}
div.msgBgRv_small_nonMsg {background-position:-710px -1458px}
div.msgBgRv_small_container {background-position:-781px -1458px}
div.msgBgRv_small_black {background-position:-852px -1458px}
div.msgBgRv_small_slate {background-position:-923px -1458px}

div.msgBgRv_small_green_error {background-position:0px -1533px}
div.msgBgRv_small_orange_error {background-position:-71px -1533px}
div.msgBgRv_small_purple_error {background-position:-142px -1533px}
div.msgBgRv_small_blue_error {background-position:-213px -1533px}
div.msgBgRv_small_silver_error {background-position:-284px -1533px}
div.msgBgRv_small_yellow_error {background-position:-355px -1533px}
div.msgBgRv_small_seafoam_error {background-position:-426px -1533px}
div.msgBgRv_small_pink_error {background-position:-497px -1533px}
div.msgBgRv_small_taupe_error {background-position:-568px -1533px}
div.msgBgRv_small_brown_error {background-position:-639px -1533px}
div.msgBgRv_small_nonMsg_error {background-position:-710px -1533px}
div.msgBgRv_small_container_error {background-position:-781px -1533px}
div.msgBgRv_small_black_error {background-position:-852px -1533px}
div.msgBgRv_small_slate_error {background-position:-923px -1533px}

div.msgBgRv_small_innerShadow {background-position:-71px -1903px}
div.msgBgRv_small_error {background-position:-142px -1903px}
div.msgBgRv_small_error_wShadow {background-position:-213px -1903px}

/*  End Images and Coordinates from imageMasterMsgBG_rvReflection_v2.png *//*===========  Appended from: css/WsdlEditorViewer.css===========*/

/**************************************************
//  Copyright 2006-2014 SOASTA, Inc.
//  All rights reserved.
//  Proprietary and confidential.
//
//  File:  WsdlEditorViewer.css
//
//**************************************************/

/* The value of following width styles will be changed onSize */
.wFormInputs         { min-width: 200px; } /* div, pre, input, textarea */
.wmaxFormInputs      { width: 200px; }     /* inputs that scroll horizontally */
select.wFormInputs   { min-width: 210px; }
div.wFormSplitter    { min-width: 340px; }

.wSimpleTypeInputs      { min-width: 200px; } /* div, pre, input, textarea */
select.wSimpleTypeInputs   { min-width: 210px; }

div.formContainer
{
  vertical-align: top;
  margin-bottom: 2px;
  white-space: nowrap;
}
.formContainer span
{
  border: 2px solid transparent;
  margin-right: 2px;
  display:inline-block;
}
.formContainer .ace_editor span
{
  border: none;
  margin-right:0px;
  display:inline;
}
.formContainer span.selected
{
  background-color: #e6e4e1;
  border: 2px solid #7eaff8;
  display:inline-block;
}
.TabbedButtonLeftEdge img,
.TabbedButtonRightEdge img
{
  margin-top: 0px; 
}

.formContainer img.icon12_arrow,
.formContainer img.icon12_arrowExpanded
{
  vertical-align:middle;  
  margin-top: 2px; 
}

.formContainer input.ocb
{ 
  vertical-align:top;
  margin-right: 4px;  
  margin-top: 5px;  
}

.complexFormContainer input.ocb
{ 
  display:inline;
  margin-right: 4px;  
  margin-top: 5px; 
}


.formContainer div.drawer
{
  display:inline-block;
  vertical-align: top; 
}
/*Validations */
.formContainer table 
{
  display: block;
  vertical-align: middle;      
}
.formContainer input,
.formContainer textarea,
.formContainer select
{
  display: inline-block;
}
.formContainer input
{
  height: 24px;
  vertical-align: top;  
}

.formContainer select
{
  padding: 3px 0px 0px 0px;
  height:23px;
}

/* Left here for now for browser actions */
.baResult input
{
  height: 24px;
  display: inline-block;
  vertical-align: middle;  
  margin-top: 0px;
  font-size: 12px;
  font-weight: normal;
}
.msgNavText
{
  color: #515151;
}

.form_text
{
  color: #242625;
}

.divider
{
  line-height: 1px;
  background-color: #859bb0;
}

.value
{
  /*border-left: 1px solid #859bb0;*/
  background-color: #ffffff;
  color: #4e4e4e;
  padding-left: 5px;
  font-weight: normal;
}

.HTTPHeader 
{
  color:#605040
}

select.value,
select.dataType
{
  margin-right:0px; 
  display: inline-block; 
  background-color: #eeeee7;  
  border:1px solid #b7b9b2; 
  margin-right:0px; 
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 3px;
  padding-left: 4px;
  vertical-align: top;    
}

div.disabledValue,
div.responseValue,
pre.responseValue,
div.value,
div.nil,
div.elemName,
div.outputName,
div.dataType {
	color: 								hsl(113, 89%, 28%);
  border:								1px solid hsl(177, 5%, 71%);  
  background-color: 		hsl(60, 17%, 92%);
  
  display: 							inline-block;
  vertical-align: 			top;
    
  margin-right:					0px; 
  margin-top: 					0px;
  margin-bottom: 				0px;
  
  padding-top: 					3px;
  padding-left: 				4px; 
  padding-right: 				4px;
  
  text-overflow: 				ellipsis;
  font-size: 						12px;
    
  min-height: 					19px;
}
.darkTheme div.disabledValue,
.darkTheme div.responseValue,
.darkTheme pre.responseValue,
.darkTheme div.value,
.darkTheme div.nil,
.darkTheme div.elemName,
.darkTheme div.outputName,
.darkTheme div.dataType {
  border:								1px solid hsl(213, 5%, 32%);  
  background-color: 		hsla(213, 20%, 5%, .5);
  border-radius:				4px;
}
.darkBlueTheme div.disabledValue,
.darkBlueTheme div.responseValue,
.darkBlueTheme pre.responseValue,
.darkBlueTheme div.value,
.darkBlueTheme div.nil,
.darkBlueTheme div.elemName,
.darkBlueTheme div.outputName,
.darkBlueTheme div.dataType {
  border:								1px solid hsl(200, 30%, 28%);  
  background-color: 		hsla(200, 50%, 8%, .5);
  border-radius:				4px;
}


div.responseValue,
pre.responseValue
{
  color: #4e4e4e;
  /*border:1px solid #737373;*/ 
}
select.dataType
{
  width: auto;
}

input.validation,
select.validation,
select.elemName,
select.outputName,
input.outputName, /* Left here for now for browser actions */
input.elemName,/* Left here for now for browser actions */
input.nativeInput,
textarea.nativeInput
{
  margin-right:2px; 
  display: inline-block; 
  background-color: #eeeee7; 
  color: #178608; 
  border:1px solid #b7b9b2; 
  padding-left: 4px;
 
}
div.elemName,
div.outputName
{
  min-width: 150px; 
}
div.dataType
{
  min-width: 100px;   
}
/* responseValue */
input.validation,
select.validation
{
  color: #242625;
}
.nativeLabel
{
  font-weight:bold;  
}

input.nativeInput
{
  background-color: white; 
}

input
{
  background-color: #f7f9fa;
  border: 1px solid #b7b9b2;
}

select.outputName,
input.outputName,
div.outputName
{
  color: #8d0b93; 
}
select.dataType,
div.dataType
{
  color: #11396f;
} 
select.value,
select.disabledValue,
textarea.value,
textarea.disabledValue,
textarea.nil,
div.value
{
  /*margin-right:2px;*/ 
  display: inline-block; 
  background-color: white; 
  /*color: #242625;*/ 
  border:1px solid #b7b9b2; 
  padding-left: 4px;
  /*font-size:1.1em;*/
}
textarea.invalid,
input.invalid
{
  background-color: #ff6d6d;  
}
select.validation
{
  background-color:white; 
}

div.nil,
textarea.nil,
input.nil
{
  font-style:italic;
  color: #737373;
}

.optionsWarning
{
  color: #2374d4;
}
.i1
{
  padding-left: 20px;
}

.displayLabel
{
  color: #242625; 
  padding-right: 5px;
  white-space:nowrap;
  text-align:right;
}
.displayLabelDisabled
{
  color: #848484; 
  padding-right: 5px;
  white-space:nowrap;
  text-align:right;
}
td.disabledInput
{
  background-color: #eeeeee;  
  border:1px solid #999999; 
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 5px;
}
td.displayValue
{ 
  background-color: #eeeee7; 
  color: #242625; 
  border:1px solid #565251; 
  padding-left: 4px;
  padding-right: 4px;
}

textarea.disabledValue,
textarea.value
{
  height: 200px;

}
textarea.baOutput,
textarea.validationMsg
{
  margin-right:2px; 
  display: inline-block;  
  background-color: white; 
  color: #242625; 
  border:1px solid #b7b9b2; 
  padding-left: 4px;
  height: 30px;
  width: 95%;
}


/* Excluded elements */
div.excluded select.elemName,
div.excluded select.outputName,
div.excluded div.elemName,
div.excluded div.outputName,
div.excluded input.nativeInput,
div.excluded textarea.nativeInput,
div.excluded div.dataType,
div.excluded select.dataType,
div.excluded input.value,
/* Excluded choice options */
td.excludedOption select.elemName,
td.excludedOption select.outputName,
td.excludedOption div.elemName,
td.excludedOption div.outputName,
td.excludedOption input.nativeInput,
td.excludedOption textarea.nativeInput,
td.excludedOption div.dataType,
td.excludedOption select.dataType,
td.excludedOption input.value,
input.disabledValue,
div.disabledValue
{
  background-color: #eeeee7; 
  color: #737373; 
}
td.excludedOption input.value,
input.disabledValue
{
  /*border:1px solid #737373;*/ 
}

td.excludedOption textarea.value,
textarea.disabledValue
{
  background-color: #eeeee7; 
  color: #737373;   
}

div.disabledInputXml,
div.disabledResponseXml,
div.baDisabledResponseXml,
div.disabledResponseHtml,
div.baDisabledResponseHtml,
div.disabledXml
{
  background-color: #eeeee7; 
  border-top: 1px solid #737373; 
  border-bottom: 1px solid #737373; 
  padding-top: 10px;
  padding-bottom: 10px;
}

div.disabledInputXml,
div.disabledResponseXml,
div.disabledResponseHtml,
div.disabledXml
{
  width: 100%;  
  font-size: 1.2em;
}
div.baDisabledResponseXml,
div.baDisabledResponseHtml
{
  border: 1px solid #b7b9b2; 
}
.warningMessage
{      
  position: relative;
  top: 6px;
  left : 10px;
  border : 1px dashed #2374d4;
  color : #2374d4;
  text-align : center;
  z-index : 3;
  background-color : #d6d9df;
  width : 200px;
  padding: 6px;
}

td.link,
span.link
{
  cursor:pointer;    
}
span.link:hover, td.link:hover
{
  text-decoration: underline;
}

/* PrettyXML */
div.comment,
div.node
{
  margin-left:1.1em;
}

span.comment
{
  color:#a0a0a0;
}

.disabledInputXml span.node
{
  color:#1d6150;
}
.disabledResponseXml span.node,
.disabledResponseHtml span.node,
.baDisabledResponseHtml span.node
{
  color: #8d0b93;  
}
.disabledInputXml span.attr
{
  color:#8500cc; 
}
.disabledResponseXml span.attr,
.disabledResponseHtml span.attr,
.baDisabledResponseHtml span.attr
{
  color:#1d6150; 
}
span.attrValue
{
  color:#0000cc;
}
span.textValue
{
  color:black; 
  font-weight:bold;
}
span.namespace
{
  color:#605040;
}
span.namespaceValue
{
  color:#605040;
}
span.cdata
{
  color: #b53215;
}
span.cdata_text
{
  font-weight:normal; 
}

.recordedRequest,
.recordedResponse
{
  background-color:white;
  border:1px dashed #acacac;  
  padding:2px;
}
pre.httpHeaders
{
  color: #542e2e;
}

/* PrettyHtml */
.prettyHtml span.comment
{
  color: #1d6150;
}
.prettyHtml span.textValue
{ 
  font-weight:normal;
}
.prettyHtml span.attr
{
  color: black;
  font-weight: bold; 
}
.prettyHtml span.attrValue
{
  font-weight: normal; 
}
/* Used in the reference panel */
.locatorExample
{
  font-style:italic; 
  padding-top:4px; 
  padding-bottom:4px;
}

/* Download result button */
.downloadResultButton
{ 
  padding: 0.4rem 1rem;
  margin-top: 0.4rem;
}/*===========  Appended from: css/Widget.css===========*/

/* CSS Document */
html {
 min-height: 100%;
}
body {
 margin: 0;
 padding: 0;
 font-size: 11px;
 font-family:        LatoWeb, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
 color: #FFFFFF;
}

td {
 font-size:    11px;
    color:        #000;
}


/***********************************************/
/* Demographics widget                         */
/* These elements exist in Reporting.css also. */
/***********************************************/

.columnTopGroupLabel {
  white-space:              nowrap;
  padding:                  0 6px 3px;
  background:               hsl(0,0%,80%);
  border:                   1px solid hsl(0,0%,67%);
  border-radius:            8px;
  -moz-border-radius:       8px;
  -webkit-border-radius:    8px;
  margin-left:              10px;
  margin-right:             10px;
}
.xS .columnTopGroupLabel {
  padding:                  0 6px 3px;
}
.xM .columnTopGroupLabel {
  padding:                  0 8px 4px;
}
.xL .columnTopGroupLabel {
  padding:                  0 10px 5px;
}
.darkTheme .columnTopGroupLabel,
.darkBlueTheme .columnTopGroupLabel {
  background:               hsla( 0, 0%, 100%,.125 );
  border:                   1px solid hsla( 0, 0%, 100%, .1);
}
  
/** badly named but is the heading inside the block, eg. "Maestro Server" */
.ResultsHead4 {
  height:             1.3em;
  font-size:          11px;
  line-hieght:        1.3em;
  color:              black;
  font-weight:        bold;
}
.xS .ResultsHead4 {
  font-size:          11px;
}
.xM .ResultsHead4 {
  
  font-size:          13px;
}
.xL .ResultsHead4 {
  font-size:          16px;
}
.darkTheme .ResultsHead4,
.darkBlueTheme .ResultsHead4 {
  color:              hsl(0,0%,61%);
}


.columnGroupLabel {
 white-space:nowrap;
 padding: 0 10px;
}

.columnGroupLabel div {
 white-space:nowrap;
 border-bottom: solid 1px #bababa;
}
.columnLabel {
  height:               1.3em;
  
  line-height:          1.3em;
  text-align:           right;
  color:                hsl(0,0%,40%);    /** #A6A6A6; */
  vertical-align:       top;
  
  padding-left:         10px;
  padding-right:        3px;
}
.xS .columnLabel {
  font-size:            11px;
  padding-left:         10px;
  padding-right:        3px;
}
.xLM .columnLabel {
  font-size:            13px;
  padding-left:         12px;
  padding-right:        5px;
}
.xL .columnLabel {
  font-size:            16px;
  padding-left:         14px;
  padding-right:        7px;
}
.darkTheme .columnLabel,
.darkBlueTheme .columnLabel {
  color:                hsl(0,0%,60%);
}


.columnValue {
  height:               1.3em;
  line-height:          1.3em;
  color:                black;
  padding-right:        10px;
  vertical-align:       bottom;
}
.xS .columnValue {
  font-size:            11px;
  padding-right:        10px;
}
.xM .columnValue {
  font-size:            13px;
  padding-right:        12px;
}
.xL .columnValue {
  font-size:            16px;
  padding-right:        14px;
}
.darkTheme .columnValue,
.darkBlueTheme .columnValue {
  color:                hsl(0,0%,85%);
}


/*  Begin Images and Coordinates from imageMasterWidgets.png */

/*  Begin Map Widget Images */

img.mapButton_panUp {width: 22px; height: 22px; background-position:0px 0px;}
img.mapButton_panLeft {width: 22px; height: 22px; background-position:-27px 0px;}
img.mapButton_panRight {width: 22px; height: 22px; background-position:-54px 0px;}
img.mapButton_panCenter {width: 22px; height: 22px; background-position:-81px 0px;}
img.mapButton_panDown {width: 22px; height: 22px; background-position:-108px 0px;}
img.mapButton_zoomIn {width: 22px; height: 22px; background-position:-135px 0px;}
img.mapButton_zoomOut {width: 22px; height: 22px; background-position:-162px 0px;}

img.mapButton_panUp_over {width: 22px; height: 22px; background-position:0px -30px;}
img.mapButton_panLeft_over {width: 22px; height: 22px; background-position:-27px -30px;}
img.mapButton_panRight_over {width: 22px; height: 22px; background-position:-54px -30px;}
img.mapButton_panCenter_over {width: 22px; height: 22px; background-position:-81px -30px;}
img.mapButton_panDown_over {width: 22px; height: 22px; background-position:-108px -30px;}
img.mapButton_zoomIn_over {width: 22px; height: 22px; background-position:-135px -30px;}
img.mapButton_zoomOut_over {width: 22px; height: 22px; background-position:-162px -30px;}

img.mapButton_panUp_down {width: 22px; height: 22px; background-position:0px -120px;}
img.mapButton_panLeft_down {width: 22px; height: 22px; background-position:-27px -120px;}
img.mapButton_panRight_down {width: 22px; height: 22px; background-position:-54px -120px;}
img.mapButton_panCenter_down {width: 22px; height: 22px; background-position:-81px -120px;}
img.mapButton_panDown_down {width: 22px; height: 22px; background-position:-108px -120px;}
img.mapButton_zoomIn_down {width: 22px; height: 22px; background-position:-135px -120px;}
img.mapButton_zoomOut_down {width: 22px; height: 22px; background-position:-162px -120px;}

img.mapButton_map {width: 70px; height: 22px; background-position:-189px 0px;}
img.mapButton_satellite {width: 70px; height: 22px; background-position:-265px 0px;}
img.mapButton_hybrid {width: 70px; height: 22px; background-position:-343px 0px;}
img.mapButton_terrain {width: 70px; height: 22px; background-position:-420px 0px;}

img.mapButton_map_over {width: 70px; height: 22px; background-position:-189px -30px;}
img.mapButton_satellite_over {width: 70px; height: 22px; background-position:-265px -30px;}
img.mapButton_hybrid_over {width: 70px; height: 22px; background-position:-343px -30px;}
img.mapButton_terrain_over {width: 70px; height: 22px; background-position:-420px -30px;}

img.mapButton_map_sel {width: 70px; height: 22px; background-position:-189px -60px;}
img.mapButton_satellite_sel {width: 70px; height: 22px; background-position:-265px -60px;}
img.mapButton_hybrid_sel {width: 70px; height: 22px; background-position:-343px -60px;}
img.mapButton_terrain_sel {width: 70px; height: 22px; background-position:-420px -60px;}

img.mapButton_map_sel_over {width: 70px; height: 22px; background-position:-189px -90px;}
img.mapButton_satellite_sel_over {width: 70px; height: 22px; background-position:-265px -90px;}
img.mapButton_hybrid_sel_over {width: 70px; height: 22px; background-position:-343px -90px;}
img.mapButton_terrain_sel_over {width: 70px; height: 22px; background-position:-420px -90px;}

img.mapButton_map_down {width: 70px; height: 22px; background-position:-189px -120px;}
img.mapButton_satellite_down {width: 70px; height: 22px; background-position:-265px -120px;}
img.mapButton_hybrid_down {width: 70px; height: 22px; background-position:-343px -120px;}
img.mapButton_terrain_down {width: 70px; height: 22px; background-position:-420px -120px;}

img.mapMarker_grid {width: 24px; height: 46px; background-position:0px -180px;}
img.mapMarker_gridError {width: 24px; height: 46px; background-position:-35px -180px;}
img.mapMarker_gridWarning {width: 24px; height: 46px; background-position:-70px -180px;}
img.mapMarker_gridRunning {width: 24px; height: 46px; background-position:-105px -180px;}
img.mapMarker_gridActive {width: 24px; height: 46px; background-position:-140px -180px;}

img.mapMarker_target {width: 24px; height: 46px; background-position:-175px -180px;}
img.mapMarker_targetError {width: 24px; height: 46px; background-position:-210px -180px;}
img.mapMarker_targetWarning {width: 24px; height: 46px; background-position:-245px -180px;}
img.mapMarker_targetRunning {width: 24px; height: 46px; background-position:-280px -180px;}
img.mapMarker_targetActive {width: 24px; height: 46px; background-position:-305px -180px;}

img.analyticsMarker_blue_1digit {width: 44px; height: 44px; background-position:-420px -180px;}
img.analyticsMarker_blue_2digit {width: 50px; height: 50px; background-position:-464px -180px;}
img.analyticsMarker_blue_3digit {width: 58px; height: 58px; background-position:-514px -180px;}
img.analyticsMarker_blue_4digit {width: 68px; height: 68px; background-position:-572px -180px;}
img.analyticsMarker_blue_5digit {width: 76px; height: 76px; background-position:-640px -180px;}

img.analyticsMarker_blue_1digit_expanded {width: 80px; height: 80px; background-position:-880px -180px;}
img.analyticsMarker_blue_2digit_expanded {width: 86px; height: 86px; background-position:-960px -180px;}
img.analyticsMarker_blue_3digit_expanded {width: 94px; height: 94px; background-position:-1046px -180px;}
img.analyticsMarker_blue_4digit_expanded {width: 104px; height: 104px; background-position:-1140px -180px;}
img.analyticsMarker_blue_5digit_expanded {width: 112px; height: 112px; background-position:-1244px -180px;}

img.analyticsMarker_green_1digit {width: 44px; height: 44px; background-position:-420px -320px;}
img.analyticsMarker_green_2digit {width: 50px; height: 50px; background-position:-464px -320px;}
img.analyticsMarker_green_3digit {width: 58px; height: 58px; background-position:-514px -320px;}
img.analyticsMarker_green_4digit {width: 68px; height: 68px; background-position:-572px -320px;}
img.analyticsMarker_green_5digit {width: 76px; height: 76px; background-position:-640px -320px;}

img.analyticsMarker_green_1digit_expanded {width: 80px; height: 80px; background-position:-880px -320px;}
img.analyticsMarker_green_2digit_expanded {width: 86px; height: 86px; background-position:-960px -320px;}
img.analyticsMarker_green_3digit_expanded {width: 94px; height: 94px; background-position:-1046px -320px;}
img.analyticsMarker_green_4digit_expanded {width: 104px; height: 104px; background-position:-1140px -320px;}
img.analyticsMarker_green_5digit_expanded {width: 112px; height: 112px; background-position:-1244px -320px;}

img.analyticsMarker_orange_0digit {width: 32px; height: 32px; background-position:-380px -460px;}
img.analyticsMarker_orange_1digit {width: 44px; height: 44px; background-position:-420px -460px;}
img.analyticsMarker_orange_2digit {width: 50px; height: 50px; background-position:-464px -460px;}
img.analyticsMarker_orange_3digit {width: 58px; height: 58px; background-position:-514px -460px;}
img.analyticsMarker_orange_4digit {width: 68px; height: 68px; background-position:-572px -460px;}
img.analyticsMarker_orange_5digit {width: 76px; height: 76px; background-position:-640px -460px;}

img.analyticsMarker_orange_1digit_expanded {width: 80px; height: 80px; background-position:-880px -460px;}
img.analyticsMarker_orange_2digit_expanded {width: 86px; height: 86px; background-position:-960px -460px;}
img.analyticsMarker_orange_3digit_expanded {width: 94px; height: 94px; background-position:-1046px -460px;}
img.analyticsMarker_orange_4digit_expanded {width: 104px; height: 104px; background-position:-1140px -460px;}
img.analyticsMarker_orange_5digit_expanded {width: 112px; height: 112px; background-position:-1244px -460px;}

img.mapInfoWindowTitlebar_left {width: 23px; height: 23px; background-position:0px -240px;}
img.mapInfoWindowTitlebar_right {width: 32px; height: 23px; background-position:-24px -240px;}
img.mapInfoWindowTitlebar_left_running {width: 23px; height: 23px; background-position:-56px -240px;}
img.mapInfoWindowTitlebar_right_running {width: 32px; height: 23px; background-position:-80px -240px;}
img.mapInfoWindowTitlebar_left_error {width: 23px; height: 23px; background-position:-112px -240px;}
img.mapInfoWindowTitlebar_right_error {width: 32px; height: 23px; background-position:-136px -240px;}
img.mapInfoWindowTitlebar_left_warning {width: 23px; height: 23px; background-position:-168px -240px;}
img.mapInfoWindowTitlebar_right_warning {width: 32px; height: 23px; background-position:-192px -240px;}
img.mapInfoWindowTitlebar_left_active {width: 23px; height: 23px; background-position:-224px -240px;}
img.mapInfoWindowTitlebar_right_active {width: 32px; height: 23px; background-position:-248px -240px;}

img.mapInfoWindowBottomTrim_left {width: 23px; height: 44px; background-position:0px -270px;}
img.mapInfoWindowBottomTrim_right {width: 32px; height: 44px; background-position:-24px -270px;}

img.mapInfoPointer_left {width: 23px; height: 36px; background-position:-56px -270px;}
img.mapInfoPointer_right {width: 32px; height: 36px; background-position:-80px -270px;}
img.mapInfoPointer_bottom {width: 36px; height: 44px; background-position:-112px -270px;}

img.analyticsTitleBG_left {width: 17px; height: 94px; background-position:-10px -320px;}
img.analyticsTitleBG_right {width: 82px; height: 94px; background-position:-30px -320px;}


/*  End Map Widget Images */

/*  Begin Other Widget Images */

img.fundamentalsWidgetDivider {width: 1px; height: 100px; background-position:-0px -320px;}


/*  End Other Widget Images */

/*  End Images and Coordinates from imageMasterWidgets.png */

/*  Begin Images and Coordinates from imageMasterWidgets_repeatX.png */

/*  Begin Map Widget Images */

.mapInfoWindowTitlebar_fill {height: 23px;  background-position:0px 0px;}
.mapInfoWindowTitlebar_running_fill {height: 23px;  background-position:0px -24px;}
.mapInfoWindowTitlebar_error_fill {height: 23px;  background-position:0px -48px;}
.mapInfoWindowTitlebar_warning_fill {height: 23px;  background-position:0px -72px;}
.mapInfoWindowBottomTrim_fill {height: 44px;  background-position:0px -96px;}

/*  End Map Widget Images */


/*  Begin Waterfall Widget Images */
.widgetGradient.waterfallBar_fill_gray {height: 12px;  background-position:0px -421px;}
.widgetGradient.waterfallBar_fill_green {height: 12px;  background-position:0px -434px;}
.widgetGradient.waterfallBar_fill_aqua {height: 12px;  background-position:0px -447px;}
.widgetGradient.waterfallBar_fill_blue {height: 12px;  background-position:0px -460px;}
.widgetGradient.waterfallBar_fill_purple {height: 12px;  background-position:0px -473px;}
.widgetGradient.waterfallBar_fill_pink {height: 12px;  background-position:0px -486px;}
.widgetGradient.waterfallBar_fill_orange {height: 12px;  background-position:0px -499px;}
.widgetGradient.waterfallBar_fill_yellow {height: 12px;  background-position:0px -512px;}

.darkTheme .widgetGradient.waterfallBar_fill_gray,
.darkBlueTheme .widgetGradient.waterfallBar_fill_gray {
  background-color:       transparent !important;
  background:             -webkit-linear-gradient(bottom, hsl(180, 1%, 38%) 0%, hsl(180, 3%, 72%) 100%);
  background:             -moz-linear-gradient(bottom, hsl(180, 1%, 38%) 0%, hsl(180, 3%, 72%) 100%);
  background:             -ms-linear-gradient(bottom, hsl(180, 1%, 38%) 0%, hsl(180, 3%, 72%) 100%);
  background:             linear-gradient(bottom, hsl(180, 1%, 38%) 0%, hsl(180, 3%, 72%) 100%);
  background-position:    0px 0px;      
}
.darkTheme .widgetGradient.waterfallBar_fill_yellow,
.darkBlueTheme .widgetGradient.waterfallBar_fill_yellow {
  background-color:       transparent !important;
  background:             -webkit-linear-gradient(bottom, hsl(55, 60%, 28%) 0%, hsl(55, 60%, 62%) 100%);
  background:             -moz-linear-gradient(bottom, hsl(55, 60%, 28%) 0%, hsl(55, 60%, 62%) 100%);
  background:             -ms-linear-gradient(bottom, hsl(55, 60%, 28%) 0%, hsl(55, 60%, 62%) 100%);
  background:             linear-gradient(bottom, hsl(55, 60%, 28%) 0%, hsl(55, 60%, 62%) 100%);
  background-position:    0px 0px;      
}
.darkTheme .widgetGradient.waterfallBar_fill_green,
.darkBlueTheme .widgetGradient.waterfallBar_fill_green {
  background-color:       transparent !important;
  background:             -webkit-linear-gradient(bottom, hsl(120, 40%, 28%) 0%, hsl(120, 40%, 62%) 100%);
  background:             -moz-linear-gradient(bottom, hsl(120, 40%, 28%) 0%, hsl(120, 40%, 62%) 100%);
  background:             -ms-linear-gradient(bottom, hsl(120, 40%, 28%) 0%, hsl(120, 40%, 62%) 100%);
  background:             linear-gradient(bottom, hsl(120, 40%, 28%) 0%, hsl(120, 40%, 62%) 100%);
  background-position:    0px 0px;      
}
.darkTheme .widgetGradient.waterfallBar_fill_purple,
.darkBlueTheme .widgetGradient.waterfallBar_fill_purple {
  background-color:       transparent !important;
  background:             -webkit-linear-gradient(bottom, hsl(300, 40%, 28%) 0%, hsl(300, 40%, 62%) 100%);
  background:             -moz-linear-gradient(bottom, hsl(300, 40%, 28%) 0%, hsl(300, 40%, 62%) 100%);
  background:             -ms-linear-gradient(bottom, hsl(300, 40%, 28%) 0%, hsl(300, 40%, 62%) 100%);
  background:             linear-gradient(bottom, hsl(300, 40%, 28%) 0%, hsl(300, 40%, 62%) 100%);
  background-position:    0px 0px;      
}
.darkTheme .widgetGradient.waterfallBar_fill_blue,
.darkBlueTheme .widgetGradient.waterfallBar_fill_blue {
  background-color:       transparent !important;
  background:             -webkit-linear-gradient(bottom, hsl(213, 40%, 28%) 0%, hsl(213, 30%, 62%) 100%);
  background:             -moz-linear-gradient(bottom, hsl(213, 40%, 28%) 0%, hsl(213, 30%, 62%) 100%);
  background:             -ms-linear-gradient(bottom, hsl(213, 40%, 28%) 0%, hsl(213, 30%, 62%) 100%);
  background:             linear-gradient(bottom, hsl(213, 40%, 28%) 0%, hsl(213, 30%, 62%) 100%);
  background-position:    0px 0px;      
}
.darkTheme .widgetGradient.waterfallBar_fill_orange,
.darkBlueTheme .widgetGradient.waterfallBar_fill_orange {
  background-color:       transparent !important;
  background:             -webkit-linear-gradient(bottom, hsl(30, 60%, 28%) 0%, hsl(30, 60%, 62%) 100%);
  background:             -moz-linear-gradient(bottom, hsl(30, 60%, 28%) 0%, hsl(30, 60%, 62%) 100%);
  background:             -ms-linear-gradient(bottom, hsl(30, 60%, 28%) 0%, hsl(30, 60%, 62%) 100%);
  background:             linear-gradient(bottom, hsl(30, 60%, 28%) 0%, hsl(30, 60%, 62%) 100%);
  background-position:    0px 0px;      
}

/*  End Waterfall Widget Images */

/*  Begin RastaBar Widget Images */

.hBarTextOverlay
{
  position:     absolute;
  z-index:      1;
  left:         0;
  width:        100%;
  color:        white;
  text-align:   center;
  margin-top:   -2px;
  text-shadow:  0 0 3px rgba(0,0,0,1.0);
}
.hBarContainer {
    height:     20px;
}
.xS .hBarContainer {
    height:     18px;
}
.xM .hBarContainer {
    height:     24px;
}
.xL .hBarContainer {
    height:     44px;
}




.hBarTD {
  border: 0px;
  padding-left: 0px; 
  padding-right: 0px;
}

.hBar_red {
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE4IDE4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjYzNkM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjY2MzZDNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTI5YTlhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
  background-image: -moz-linear-gradient(bottom, #cc3d3d 0%, #cc3d3d 0.24%, #e29a9a 100%); /* gradient overlay */
  background-image: -webkit-linear-gradient(bottom, #cc3d3d 0%, #cc3d3d 0.24%, #e29a9a 100%); /* gradient overlay */
  background-image: linear-gradient(bottom, #cc3d3d 0%, #cc3d3d 0.24%, #e29a9a 100%); /* gradient overlay */
}
.darkTheme .hBar_red,
.darkBlueTheme .hBar_red {
  background-image: -webkit-linear-gradient(bottom, hsl(0,60%,30%) 0%, hsl(5,60%,50%) 100%);
  background-image: -moz-linear-gradient(bottom, hsl(0,60%,30%) 0%, hsl(5,60%,50%) 100%);
  background-image: -ms-linear-gradient(bottom, hsl(0,60%,30%) 0%, hsl(5,60%,50%) 100%);
  background-image: linear-gradient(bottom, hsl(0,60%,30%) 0%, hsl(5,60%,50%) 100%);
}

.hBar_yellow {
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDY5IDY5IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkYmNhMTUiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGJjYTE1IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjRlZWE2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI2OSIgaGVpZ2h0PSI2OSIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
  background-image: -moz-linear-gradient(bottom, #dbca15 0%, #dbca15 0.24%, #f4eea6 100%); /* gradient overlay */
  background-image: -webkit-linear-gradient(bottom, #dbca15 0%, #dbca15 0.24%, #f4eea6 100%); /* gradient overlay */
  background-image: linear-gradient(bottom, #dbca15 0%, #dbca15 0.24%, #f4eea6 100%); /* gradient overlay */
}
.darkTheme .hBar_yellow,
.darkBlueTheme .hBar_yellow {
  background-image: -webkit-linear-gradient(bottom, hsl(50,100%,20%) 0%, hsl(60,100%,45%) 100%);
  background-image: -moz-linear-gradient(bottom, hsl(50,100%,20%) 0%, hsl(60,100%,45%) 100%);
  background-image: -ms-linear-gradient(bottom, hsl(50,100%,20%) 0%, hsl(60,100%,45%) 100%);
  background-image: linear-gradient(bottom, hsl(50,100%,20%) 0%, hsl(60,100%,45%) 100%);
}
  
.hBar_green {
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDY5IDY5IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0YTliNDIiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNGE5YjQyIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTVlMjhlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI2OSIgaGVpZ2h0PSI2OSIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
  background-image: -moz-linear-gradient(bottom, #4a9b42 0%, #4a9b42 0.24%, #95e28e 100%); /* gradient overlay */
  background-image: -webkit-linear-gradient(bottom, #4a9b42 0%, #4a9b42 0.24%, #95e28e 100%); /* gradient overlay */
  background-image: linear-gradient(bottom, #4a9b42 0%, #4a9b42 0.24%, #95e28e 100%); /* gradient overlay */
}
.darkTheme .hBar_green,
.darkBlueTheme .hBar_green {
  background-image: -webkit-linear-gradient(bottom, hsl(125,60%,15%) 0%, hsl(110,60%,45%) 100%);
  background-image: -moz-linear-gradient(bottom, hsl(125,60%,15%) 0%, hsl(110,60%,45%) 100%);
  background-image: -ms-linear-gradient(bottom, hsl(125,60%,15%) 0%, hsl(110,60%,45%) 100%);
  background-image: linear-gradient(bottom, hsl(125,60%,15%) 0%, hsl(110,60%,45%) 100%);
}

.xS .hBar_red,
.xS .hBar_yellow,
.xS .hBar_green {
    height:     18px;
}
.xM .hBar_red,
.xM .hBar_yellow,
.xM .hBar_green {
    height:     24px;
}
.xL .hBar_red,
.xL .hBar_yellow,
.xL .hBar_green {
    height:     44px;
}


.hBarInnerShadow {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
       -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
            box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.rastabar-key-div-arrow-border {
   border-color: hsl(0, 0%, 50%) transparent transparent transparent;
   border-style: solid;
   border-width: 10px;
   height:0;
   width:0;
   position:absolute;
   bottom:-20px;
   left:65px;
 }
 .rastabar-key-div-arrow {
   border-color: #EDEDED transparent transparent transparent;
   border-style: solid;
   border-width: 10px;
   height:0;
   width:0;
   position:absolute;
   bottom:-19px;
   left:65px;
}

.domain_details_content .loading_indicator{
  padding: 10px 10px 10px 23px;
  font-size: 6px;
  overflow: hidden;
  background-color: hsl(0, 0%, 95%);
}

.domain-details-key-div-arrow,
.domain-details-key-div-arrow-border {
   border-style: solid;
   border-width: 10px;
   height:0;
   width:0;
   position:absolute;
   top:20px
 }

.domain-details-key-div-arrow-border {
   border-color: transparent hsl(0, 0%, 0%) transparent transparent;
   left:-21px;
}

 .domain-details-key-div-arrow {
   border-color: transparent #EDEDED transparent transparent;
   left:-20px;
 }
 
.waterfall_key_div_dark .rastabar-key-div-arrow,
.waterfall_key_div_dark .domain-details-key-div-arrow {
  border-color: hsl(0, 0%, 14%) transparent transparent transparent;
}
/*  End RastaBar Widget Images */

/*  Begin Other Widget Images */

.resultDetailsBG_fillx { background-position:0px -165px !important; } /* I removed the height so that it's only hardcoded in one place ($iFlowPortionHeight)*/
.analyticsTitleBG_fill {height: 94px;  background-position:0px -525px;}

/*  End Other Widget Images */

/*  End Images and Coordinates from imageMasterWidgets_repeatX.png */

/*  Begin Images and Coordinates from imageMasterWidgets_repeatY.png */

/*  Begin Map Widget Images */

.mapInfoWindowLeftTrim_fill {width: 23px;  background-position:0px 0px;}
.mapInfoWindowRightTrim_fill {width: 32px;  background-position:-24px 0px;}

/*  End Map Widget Images */

/* ---- Start Map Widget InfoWindow CSS ----- */

.ctMapWidgetInfoWindowContainer {
  position:absolute;
  }

.ctMapWidgetInfoWindow {
  position:absolute;
  }

.ctMapWidgetInfoWindowTitlebar {
  position: absolute;
  top: 0px;
  left: 23px;
  right: 32px;
  height: 23px;
}

.ctMapWidgetInfoWindowTitlebar .textWhite {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 21px;
  margin: 2px 0px 0px 4px;
  float: left;
  }

.ctMapWidgetInfoWindowTitlebar .textBlack {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  line-height: 21px;
  margin: 2px 0px 0px 4px;
  float: left;
  }

.ctMapWidgetInfoWindowTitlebar .iconMarkerType {
  margin-top: 4px;
  float: left;
  }

.ctMapWidgetInfoWindowTitlebar .iconClose {
  margin-top: 4px;
  float: right;
  }

.ctMapWidgetInfoWindowTitlebar .cornerLeft {
  width: 23px;
  height: 23px;
  float: left;
  margin-left: -23px;
}

.ctMapWidgetInfoWindowTitlebar .cornerRight {
  width: 32px;
  height: 23px;
  float: right;
  margin-right: -32px;
}

.ctMapWidgetInfoWindowBottomTrim {
  position: absolute;
  bottom: 0px;
  left: 23px;
  right: 32px;
  height: 44px;
}

.ctMapWidgetInfoWindowBottomTrim .cornerLeft {
  width: 23px;
  height: 44px;
  float: left;
  margin-left: -23px;
}

.ctMapWidgetInfoWindowBottomTrim .pointer {
  width: 36px;
  height: 44px;
  float: left;
}

.ctMapWidgetInfoWindowBottomTrim .cornerRight {
  width: 32px;
  height: 44px;
  float: right;
  margin-right: -32px;
}


.ctMapWidgetInfoWindowLeftTrim {
  position: absolute;
  top: 23px;
  left: 0px;
  bottom: 44px;
  width: 23px;
}

.ctMapWidgetInfoWindowLeftTrim .pointer {
  width: 23px;
  height: 36px;
  float: left;
}

.ctMapWidgetInfoWindowRightTrim {
  position: absolute;
  top: 23px;
  right: 0px;
  bottom: 44px;
  width: 32px;
}

.ctMapWidgetInfoWindowRightTrim .pointer {
  width: 32px;
  height: 36px;
  float: left;
}

.ctMapWidgetInfoWindowContent {
  background-color:     hsl(0,0%,95%);
  margin:               23px 32px 44px 23px;
}

/* ---- Start Map WIdget InfoWindow CSS ----- */


/*  End Images and Coordinates from imageMasterWidgets_repeatY.png */


.widget_no_data_div
{
  position:   absolute;
  top:        0px;
  bottom:     0px;
  left:       0px;
  right:      0px;
  text-align: center;
  margin:     auto;
  z-index:    2;
  height:     3em;
}
.widget_no_data_div > div
{
  display:                inline-block;
  color:                  hsl(0, 0%, 100%);
  font-size:              16px;
  font-weight:            400;
  background:             hsl(195, 100%, 40%);
  box-shadow:             0px 2px 6px rgba(0,0,0,0.3);
  border-radius:          5px;
  -webkit-border-radius:  5px;
  padding:                5px 10px;
  opacity:                .95;
}
.widget_no_data_div .svgContainer
{
  position:       relative;
  width:          18px;
  padding-right:  5px;
  float:          left;
}
.widget_no_data_div span
{
  float:  right;
}

.xS .widget_no_data_div {
  font-size:                14px;
}
.xM .widget_no_data_div {
  font-size:                17px;
}
.xL .widget_no_data_div {
  font-size:                26px;
}

  
.waterfall_table_header
{
  width:100%;
  table-layout:fixed;
}

.waterfall_table_main
{
  width:100%;
  table-layout:fixed;
}

.waterfall_table_main td
{
  padding-left:         5px;
  padding-right:        5px;
  padding-top:          3px;
  padding-bottom:       3px;
  border-bottom:        1px solid hsl(0, 0%, 74%);
  white-space:          nowrap;
  text-overflow:        ellipsis;
  overflow:             hidden;
}
.darkTheme .waterfall_table_main td,
.darkBlueTheme .waterfall_table_main td
{
  border-bottom-color:  hsl(0, 0%, 24%);
}

.waterfall_data_method
{
  color:#808080;
}

.waterfall_data_total_time
{
  color:#808080;
}

.waterfall_bar_table td
{
  padding:0px;
  border:none;
}

.waterfall_key_div {
  min-width:            80px;
  position:             absolute;
  z-index:              100;
  
  padding:              10px;
    
  border-radius:        5px;
  background-color:     hsl(0, 0%, 95%);
  
  border:               1px solid hsl(0, 0%, 50%);
  
  -webkit-box-shadow:   0 0 35px hsla(213, 30%, 20%,.3), 2px 7px 2px hsla(213, 30%, 20%,.3);
  x-moz-box-shadow:      0px 5px 12px 0px hsl(0, 0%, 20%);
  x-ms-box-shadow:       0px 5px 12px 0px hsl(0, 0%, 20%);
  xbox-shadow:           0px 5px 12px 0px hsl(0, 0%, 20%);
}

.waterfall_key_div_closeicon {
  font-family: 'CloudTestGlyphsRegular';
  position:absolute;
  right:4px;
  top:4px;
  cursor:pointer;
  font-size:14px;
  min-width:9px;
}

.waterfall_key_div_dark,
.darkTheme .waterfall_key_div {
  color:                hsl(213, 0%, 61%);

  border-color:         hsl(0, 0%, 48%);
    
  background-color:     hsl(0, 0%, 14%);

  -webkit-box-shadow:   0 0 8px hsla(213, 100%, 60%,.4),0 0 35px hsla(213, 50%, 50%,.6);
  -moz-box-shadow:      0 0 8px hsla(213, 100%, 60%,.4),0 0 35px hsla(213, 50%, 50%,.6);
  -ms-box-shadow:       0 0 8px hsla(213, 100%, 60%,.4),0 0 35px hsla(213, 50%, 50%,.6);
  box-shadow:           0 0 8px hsla(213, 100%, 60%,.4),0 0 35px hsla(213, 50%, 50%,.6);
}
.darkBlueTheme .waterfall_key_div {
  color:                hsl(200, 0%, 61%);

  border-color:         hsl(0, 0%, 48%);
    
  background-color:     hsl(0, 0%, 14%);

  -webkit-box-shadow:   0 0 8px hsla(200, 100%, 60%,.4),0 0 35px hsla(200, 50%, 50%,.6);
  -moz-box-shadow:      0 0 8px hsla(200, 100%, 60%,.4),0 0 35px hsla(200, 50%, 50%,.6);
  -ms-box-shadow:       0 0 8px hsla(200, 100%, 60%,.4),0 0 35px hsla(200, 50%, 50%,.6);
  box-shadow:           0 0 8px hsla(200, 100%, 60%,.4),0 0 35px hsla(200, 50%, 50%,.6);
}

.waterfall_key_div_dark td {
  color:                hsl(213, 0%, 61%);
}

.waterfall_key_div tr td {
  padding-bottom:       3px;
}

  
.table_base_widget {
  width:            100%;
}
.xS .table_base_widget.title tr th,
.xS .table_base_widget.cellRows td  {
  font-size:        10px;
}
.xM .table_base_widget.title tr th,
.xM .table_base_widget.cellRows td  {
  font-size:        12px;
  line-height:      24px;  
}
.xL .table_base_widget.title tr th,
.xL .table_base_widget.cellRows td  {
  font-size:        24px; 
  line-height:      47px;
}


.darkTheme .table_base_widget.title tr th {
  color:            hsl(213, 5%, 60%) !important;
  background:       hsl(213, 5%, 16%) !important;
  border-bottom:    1px solid hsl(213, 5%, 27%);
  border-right:     1px solid hsl(213, 5%, 27%);
}
.darkBlueTheme .table_base_widget.title tr th {
  color:            hsl(200, 30%, 70%) !important;
  background:       hsl(200, 75%, 20%) !important;
  border-bottom:    1px solid hsl(200, 50%, 34%);
  border-right:     1px solid hsl(200, 50%, 34%);
}


.table_base_widget.title tr th:last-child {
  border-right:none;
}
.darkTheme .table_base_widget.title tr th:last-child {
  border-right:none;
}
.darkBlueTheme .table_base_widget.title tr th:last-child {
  border-right:none;
}


.table_base_widget th {
  text-align:         center;
  box-sizing:         border-box;
  -moz-box-sizing:    border-box;
  -ms-box-sizing:     border-box;
  background:         #f2f5f7;
  border-bottom:      1px solid hsl(213, 7%, 89%);
  border-right:       1px solid hsl(213, 7%, 89%);
  height:             25px;
  word-wrap:          break-word;
}

.table_base_widget tr:last th {
  cursor:             pointer;
}

.table_base_widget th .cellContentWrapper{
  padding-left:       10px;
  padding-right:      10px;
}


.table_base_widget th:last-child {
  border-right:none;
}
.darkTheme .table_base_widget th:last-child {
  border-right:none;
}
.darkBlueTheme .table_base_widget th:last-child {
  border-right:none;
}


.table_base_widget th.blank_cell {
  background:         none;
  border-bottom:      none;
  cursor:             auto;
}

.table_base_widget tr {
  line-height:24px;
}
.xS .table_base_widget tr {
    height:     18px;
}
.xM .table_base_widget tr {
    height:     24px;
}
.xL .table_base_widget tr {
    height:     44px;
}

.table_base_widget.cellRowsx {
  overflow:           hidden !important;
}


.table_base_widget.cellRows td {
  border-bottom:          1px solid hsl(213,7%,89%);
  border-right:           1px solid hsl(213,7%,89%);
  box-sizing:             border-box;
  -moz-box-sizing:        border-box;
  -ms-box-sizing:         border-box;
}
.darkTheme .table_base_widget.cellRows td {
    color:                hsl(213, 10%, 75%) !important;
    border-bottom:        1px solid hsl(213, 5%, 27%);
    border-right:         1px solid hsl(213, 5%, 27%);
}
.darkBlueTheme .table_base_widget.cellRows td {
    color:                hsl(200, 50%, 80%) !important;
    border-bottom:        1px solid hsl(200, 50%, 30%);
    border-right:         1px solid hsl(200, 50%, 30%);
}


/* === Last TD in Table Rows, should have no right hand border === */
.table_base_widget td:last-child {
  border-right:       none;
}
.darkTheme .table_base_widget td:last-child {
  border-right:       none;
}
.darkBlueTheme .table_base_widget td:last-child {
  border-right:       none;
}


.table_base_widget.cellRows td .cellContentWrapper {
  padding-left:           10px;
  padding-right:          10px;
}
.table_base_widget.cellRows td.deep_tree_flusher .cellContentWrapper {
  padding-left:           22px;
}

.table_base_widget.cellRows tr[state=collapsed] + tr[parent_rowid] td {
  border-bottom-width:    0px;
}


.table_base_widget.cellRows a:link       {color: hsl(213, 89%, 55%); user-select:none}
.table_base_widget.cellRows a:visited    {color: hsl(213, 89%, 55%)}
.table_base_widget.cellRows a:hover      {color: hsl(213, 89%, 45%); text-decoration: underline;}
.table_base_widget.cellRows a:active     {color: hsl(213, 89%, 55%)}

.darkTheme .table_base_widget.cellRows a:link       {color: hsl(213, 100%, 60%)}
.darkTheme .table_base_widget.cellRows a:visited    {color: hsl(213, 100%, 60%)}
.darkTheme .table_base_widget.cellRows a:hover      {color: hsl(213, 100%, 70%); text-decoration: underline;}
.darkTheme .table_base_widget.cellRows a:active     {color: hsl(213, 100%, 60%)}

.darkBlueTheme .table_base_widget.cellRows a:link       {color: hsl(200, 100%, 60%)}
.darkBlueTheme .table_base_widget.cellRows a:visited    {color: hsl(200, 100%, 60%)}
.darkBlueTheme .table_base_widget.cellRows a:hover      {color: hsl(200, 100%, 70%); text-decoration: underline;}
.darkBlueTheme .table_base_widget.cellRows a:active     {color: hsl(200, 100%, 60%)}

.mpulse_map_legend
{
  border-radius:      10px;
  box-shadow:         0 0 6px rgba(0,0,0,.5); 
  background-color:   rgba(255,255,255,.7);
  width:              210px;
  height:             61px;
  bottom:             20px;
  position:           absolute;
  left:               50%;
  margin-left:        -100px;
  font-size:          10px;
}
.xS .mpulse_map_legend
{
  width:              210px;
  height:             61px;
  bottom:             20px;
  font-size:          10px;
  box-shadow:         0 0 6px rgba(0,0,0,.5);
}
.xM .mpulse_map_legend
{
  width:              218px;
  height:             62px;
  bottom:             22px;
  font-size:          11px;
  box-shadow:         0 0 6px rgba(0,0,0,.5);
}
.xL .mpulse_map_legend
{
  width:              225px;
  height:             65px;
  bottom:             24px;
  font-size:          12px;
  box-shadow:         0 0 6px hsla(213, 75%, 2%, .5);
}
.darkTheme .mpulse_map_legend {
  box-shadow:         0 0 6px hsla(213, 5%, 3%, .5); 
  background-color:   hsla(213, 5%, 14%, .8);
  border:             1px solid hsla(213, 5%, 100%, .1);
  color:              hsl(213, 5%, 65%);
}
.darkBlueTheme .mpulse_map_legend {
  box-shadow:         0 0 6px hsla(200, 50%, 2%, .5); 
  background-color:   hsla(200, 50%, 22%, .6);
  border:             1px solid hsla(200, 50%, 60%, .4);
  color:              hsl(200, 30%, 75%);
}

.mpulse_map_legend_gradient
{
  height:       12px;
  margin-left:    15px;
  margin-right:    15px;
  margin-top:     10px;
}

.mpulse_map_legend_axis
{
  margin-left:    15px;
  margin-right:    15px;
}

.mpulse_map_legend_tick_table
{
  width:       100%;
  table-layout:    fixed;
}

.mpulse_map_legend_tick_table thead td
{
  height:       4px;
  border-right:    1px solid hsl(213, 3%, 60%);
}
.darkTheme .mpulse_map_legend_tick_table thead td
{
  border-color:    hsl(213, 10%, 50%);
}
.darkBlueTheme .mpulse_map_legend_tick_table thead td
{
  border-color:    hsl(200, 50%, 50%);
}

.mpulse_map_legend_tick_table thead td:first-child,
.mpulse_map_legend_tick_table thead td:last-child
{
  height:       6px;
}

.mpulse_map_legend_tick_table thead td:first-child
{
  border-left:    1px solid hsl(213, 3%, 60%);
}
.darkTheme .mpulse_map_legend_tick_table thead td:first-child
{
  border-left:    1px solid hsl(213, 10%, 60%);
}
.darkBlueTheme .mpulse_map_legend_tick_table thead td:first-child
{
  border-left:    1px solid hsl(200, 50%, 60%);
}

.darkTheme .mpulse_map_legend_tick_table thead td:last-child
{
  border-color:    hsl(213, 10%, 60%);
}
.darkBlueTheme .mpulse_map_legend_tick_table thead td:last-child
{
  border-color:    hsl(200, 50%, 60%);
}




.mpulse_map_legend_tick_table tbody td
{
  position:relative;
}

.mpulse_map_legend_tick_table tbody td span,
.mpulse_map_legend_tick_table tbody td div
{
  font-size:      8px;
  position:       relative;
  left:           -2px;
}
.xS .mpulse_map_legend_tick_table tbody td span
{
  font-size:      8px;
  left:           -2px;
}
.xM .mpulse_map_legend_tick_table tbody td span
{
  font-size:      10px;
  left:           -3px;
}
.xL .mpulse_map_legend_tick_table tbody td span
{
  font-size:      12px;
  left:           -4px;
}
.darkTheme .mpulse_map_legend_tick_table tbody td span,
.darkTheme .mpulse_map_legend_tick_table tbody td div {
  color:          hsl(213, 10%, 60%);
}
.darkBlueTheme .mpulse_map_legend_tick_table tbody td span,
.darkBlueTheme .mpulse_map_legend_tick_table tbody td div {
  color:          hsl(200, 50%, 70%);
}

  
.xM .mpulse_map_legend_tick_table tbody td div
{
  font-size:      8px !important;
  left:           4px;
}
.xM .mpulse_map_legend_tick_table tbody td div
{
  font-size:      10px !important;
  left:           5px;
}
.xL .mpulse_map_legend_tick_table tbody td div
{
  font-size:      12px !important;
  left:           5px;
}


/* =========== mPulse Percentile & Comparison ============== */ 
.mpulse_percentile {
  height:           72px;
  align:            bottom;
  font-size:        60px;
  margin-bottom:    5px;
  text-align:       center;
  color:            hsl(213, 2%, 40%);
}
.darkTheme .mpulse_percentile {
  color:            hsl(213, 10%, 95%);
}
.darkBlueTheme .mpulse_percentile {
  color:            hsl(200, 50%, 95%);
}
  
  
.mpulse_percentile_suffix {
  font-size:        24px;
  color:            hsl(213, 2%, 40%);
}
.darkTheme .mpulse_percentile_suffix {
  color:            hsl(213, 10%, 60%);
}
.darkBlueTheme .mpulse_percentile_suffix {
  color:            hsl(213, 50%, 70%);
}

  
.mpulse_comparision {
  float:            right;
  text-align:       right;
  margin-right:     5px
}

.mpulse_comparision_title {
  margin:           bottom;
  font-size:        12px;
  color:            hsl(213, 2%, 40%);
}
.darkTheme .mpulse_comparision_title {
  color:            hsl(213, 10%, 60%);
}
.darkBlueTheme .mpulse_comparision_title {
  color:            hsl(200, 50%, 70%);
}


.mpulse_comparision_value {
  font-size:        12px;
  color:            hsl(213, 2%, 40%);
}
.darkTheme .mpulse_comparision_value {
  color:            hsl(213, 10%, 60%);
}
.darkBlueTheme .mpulse_comparision_value {
  color:            hsl(200, 50%, 60%);
}




/* =========== mPulse Traffic ============== */ 
.mpulse_navTiming_container {
  margin-top:        2px;
  padding:           10px;
  -moz-box-sizing:   border-box;
  box-sizing:        border-box;
  float:             left; 
}

.mpulse_navTiming_sparkline {
}

.mpulse_navTiming_label {
  color:             hsl(0,0%,40%);
  font-size:         10px;
  margin-bottom:     5px;
  text-align:        center; 
  height:            35px;
}
.xM .mpulse_navTiming_label {
  font-size:         11px;
}
.xL .mpulse_navTiming_label {
  font-size:         12px;
}

.darkTheme .mpulse_navTiming_label,
.darkBlueTheme .mpulse_navTiming_label {
  color:             hsl(0,0%,50%);
}
  
.mpulse_navTiming_value {
  color:             hsl(0,0%,40%);
  font-size:         32px;
  margin-left:       10px;
  font-weight:       500;
  text-align:        center;
  margin-bottom:     5px;
}
.darkTheme .mpulse_navTiming_value,
.darkBlueTheme .mpulse_navTiming_value {
  color:             hsl(0,0%,100%);
}
  
.mpulse_navTiming_value_prefix {
  
}

.mpulse_navTiming_value_suffix {
  font-size:         14px;
  padding-left:      1px;
}
.darkTheme .mpulse_navTiming_value_suffix {
  color:              hsl(213,2%,60%);
}
.darkBlueTheme .mpulse_navTiming_value_suffix {
  color:              hsl(200,2%,60%);
}




.mpulse_summary_big_text {
  width:                100%;
  margin:               auto;
  border-spacing:       0;
  padding:              0px;
  margin-bottom:        0px;
  
}

.mpulse_summary_big_text .rowLabelStyle {
  width:                auto;
  color:                hsl(0,0%,40%);
  font-size:            11px;
  line-height:          23px;
  text-align:           left;
  
  background:           #f2f5f7;
  border-top:           1px solid hsl(213,7%,89%);
  border-left:          1px solid hsl(213,7%,89%);
  padding-right:        10px;
  padding-left:         10px;
  white-space:          nowrap;
}
.xS .mpulse_summary_big_text .rowLabelStyle,
.xS .mpulse_summary_big_text .rowValueStyle {
    font-size:            10px;
}
.xM .mpulse_summary_big_text .rowLabelStyle,
.xM .mpulse_summary_big_text .rowValueStyle {
    font-size:            11px;
}
.xL .mpulse_summary_big_text .rowLabelStyle,
.xL .mpulse_summary_big_text .rowValueStyle {
    font-size:            12px;
}
  
.mpulse_summary_big_text .rowValueStyle {
  font-size:            11px;
  line-height:          23px;
  color:                hsl(0,0%,40%);
  text-align:           right;
  border-top:           1px solid hsl(213,7%,89%);
  border-left:          1px solid hsl(213,7%,89%);
  padding-left:         10px;
  padding-right:        10px;
  white-space:          nowrap 
}


.darkTheme .mpulse_summary_big_text .rowLabelStyle {
  color:                hsl(213, 5%, 60%);
  background:           hsl(213, 5%, 16%);
  border-top:           1px solid hsl(213, 5%, 27%);
  border-left:          0px solid hsl(213, 5%, 27%);
}
.darkBlueTheme .mpulse_summary_big_text .rowLabelStyle {
  color:                hsl(200, 30%, 70%);
  background:           hsl(200, 75%, 20%);
  border-top:           1px solid hsl(200, 50%, 38%);
  border-left:          0px solid hsl(200, 50%, 38%);
}

.darkTheme .mpulse_summary_big_text .rowValueStyle {
  color:                hsl(213, 50%, 95%);
  border-top:           1px solid hsl(213, 5%, 27%);
  border-left:          1px solid hsl(213, 5%, 27%);
}
.darkBlueTheme .mpulse_summary_big_text .rowValueStyle {
  color:                hsl(200, 100%, 95%);
  border-top:           1px solid hsl(200, 50%, 34%);
  border-left:          1px solid hsl(200, 50%, 34%);
}


.geo_widget_colors_div
{
  margin:10px;
  padding:10px;
  border:1px solid #cccccc;
  border-radius:5px;
  background-color:white;
}

.widgetSplitter 
{
    position:     relative;
    float:       left;
    width:       1px;
    margin-left:    -1px;
    height:      108px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgOTgiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjY2RjZGNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2RjZGNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9Ijk4IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); /* gradient overlay */
    background-image: -moz-linear-gradient(bottom, #fff 0%, #cdcdcd 30%, #cdcdcd 100%); /* gradient overlay */
    background-image: -o-linear-gradient(bottom, #fff 0%, #cdcdcd 30%, #cdcdcd 100%); /* gradient overlay */
    background-image: -webkit-linear-gradient(bottom, #fff 0%, #cdcdcd 30%, #cdcdcd 100%); /* gradient overlay */
    background-image: linear-gradient(bottom, #fff 0%, #cdcdcd 30%, #cdcdcd 100%); /* gradient overlay */
}
.darkTheme .widgetSplitter,
.darkBlueTheme .widgetSplitter 
{
    position:     relative;
    float:       left;
    width:       1px;
    margin-left:    -1px;
    height:      108px;
}
.darkTheme .widgetSplitter 
{
    background-image: -webkit-linear-gradient(bottom, hsl(213,5%,23%) 0%, hsl(213,5%,23%) 100%); /* Webkit */
    background-image: -moz-linear-gradient(bottom, hsl(213,5%,23%) 0%, hsl(213,5%,23%) 100%); /* Firefox */
    background-image: linear-gradient(bottom, hsl(213,5%,23%) 0%, hsl(213,5%,23%) 100%);
}
.darkBlueTheme .widgetSplitter 
{
    background-image: -webkit-linear-gradient(bottom, hsl(200, 5%, 23%) 0%, hsl(200, 5%, 23%) 100%); /* Webkit */
    background-image: -moz-linear-gradient(bottom, hsl(200, 5%, 23%) 0%, hsl(200, 5%, 23%) 100%); /* Firefox */
    background-image: linear-gradient(bottom, hsl(200, 5%, 23%) 0%, hsl(200, 5%, 23%) 100%);
}

/* CSS Map Marker Start */

.mapMarkerContainer {
    position:   relative;
    width:     60px;
    height:    54px;
}

.mapMarkerBase {
    position:                 relative;
    height:                   34px;
    -moz-border-radius:       4px;
    -webkit-border-radius:    4px;
    border-radius:            4px; /* border radius */
    -moz-background-clip:     padding;
    -webkit-background-clip:  padding-box;
    background-clip:          padding-box; /* prevents bg color from leaking outside the border */
    background-color:         #fff; /* layer fill content */
    -moz-box-shadow:          0 3px 7px rgba(0,0,0,.5); /* drop shadow */
    -webkit-box-shadow:       0 3px 7px rgba(0,0,0,.5); /* drop shadow */
    box-shadow:               0 3px 7px rgba(0,0,0,.5); /* drop shadow */
}

.mapMarkerHeader {
    height: 15px;
      
    color:                            white;
    font-size:                        10px;
    text-align:                       center;
    line-height:                      15px;
    
    -webkit-border-top-left-radius:   4px;
    -moz-border-radius-topleft:       4px;
    border-top-left-radius:           4px; /* border radius */
    -webkit-border-top-right-radius:  4px;
    -moz-border-radius-topright:      4px;
    border-top-right-radius:          4px; /* border radius */
    -moz-background-clip:             padding;
    -webkit-background-clip:          padding-box;
    background-clip:                  padding-box; /* prevents bg color from leaking outside the border */
    background-color:                 #156bcd; /* layer fill content + color overlay */
}
.xS .mapMarkerHeader {
    height:                           15px;
    font-size:                        10px;
    line-height:                      15px;
}
.xM .mapMarkerHeader {
    height:                           16px;
    font-size:                        11px;
    line-height:                      16px;
}
.xL .mapMarkerHeader {
    height:                           18px;
    font-size:                        12px;
    line-height:                      18px;
}
  
.mapMarkerValue {
    position:                         absolute;
    bottom:                           0px;
    width:                            100%;
    height:                           19px;
    color:                            #666666;
    font-size:                        12px;
    text-align:                       center;
    line-height:                      19px;
}
.xS .mapMarkerValue {
    height:                           19px;
    font-size:                        12px;
    line-height:                      19px;
    bottom:                           0px;
}
.xM .mapMarkerValue {
    height:                           23px;
    font-size:                        13px;
    line-height:                      23px;
    bottom:                           -3px;
}
.xL .mapMarkerValue {
    height:                           26px;
    font-size:                        14px;
    line-height:                      26px;
    bottom:                           -5px;
}

.mapMarkerArrowContainer {
    width:          20px;
    height:         20px;
    overflow:       hidden;
    position:       absolute;
    left:           50%;
    margin-left:    -10px;
    bottom:         0px;
}

.mapMarkerArrow {
    position:               absolute;
    left:                   5px;
    top:                    -5px;
    background:             #fff;
    width:                  10px;
    height:                 10px;
    -moz-box-shadow:        0 0px 7px rgba(0,0,0,.5); /* drop shadow */
    -webkit-box-shadow:     0 0px 7px rgba(0,0,0,.5); /* drop shadow */
    box-shadow:             0 0px 7px rgba(0,0,0,.5); /* drop shadow */
    -webkit-transform:      rotate(45deg);
    -moz-transform:         rotate(45deg);
    -ms-transform:          rotate(45deg);
}

.mapMarkerClassStart {
  opacity:0;
  transition: all .7s ease-out; 
  -webkit-transition: all .7s ease-out;  
  -ms-transition: all .7s ease-out;  
  -moz-transition: all .7s ease-out; 
}

/* CSS Map Marker End */


/* CSS Milestone Marker Start */

.milestoneMarkerContainer {
  position: absolute;
  display: inline-block;
  height: 27px;
  cursor:default;
    
  -moz-transition: all 1s ease-in-out; 
  -webkit-transition: all 1s ease-in-out;  
  -ms-transition: all 1s ease-in-out;  
  -o-transition: all 1s ease-in-out;  
  transition: all 1s ease-in-out;  
}

.milestoneMarkerBase {
  position:               relative;
  display:                inline-block;
  height:                 15px;
  -webkit-border-radius:  4px;
     -moz-border-radius:  4px;
          border-radius:  4px; /* border radius */
  -webkit-box-shadow:     0 1px 4px rgba(0,0,0,.75), 0 0 0 1px rgba(124,138,156,.5); /* drop shadow and outer glow */
     -moz-box-shadow:     0 1px 4px rgba(0,0,0,.75), 0 0 0 1px rgba(124,138,156,.5); /* drop shadow and outer glow */
          box-shadow:     0 1px 4px rgba(0,0,0,.75), 0 0 0 1px rgba(124,138,156,.5); /* drop shadow and outer glow */
  background-image:       url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDczIDE1IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlMWUzZTciIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjczIiBoZWlnaHQ9IjE1IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); /* gradient overlay */
  background-image:       -moz-linear-gradient(bottom, #e1e3e7 0%, #fff 100%); /* gradient overlay */
  background-image:       -o-linear-gradient(bottom, #e1e3e7 0%, #fff 100%); /* gradient overlay */
  background-image:       -webkit-linear-gradient(bottom, #e1e3e7 0%, #fff 100%); /* gradient overlay */
  background-image:       linear-gradient(bottom, #e1e3e7 0%, #fff 100%); /* gradient overlay */
}
.xS .milestoneMarkerBase {
  height:                 15px;
}
.xM .milestoneMarkerBase {
  height:                 16px;
}
.xL .milestoneMarkerBase {
  height:                 17px;
}

.darkTheme .milestoneMarkerBase {
  -moz-box-shadow:          0 6px 16px hsla(213, 50%, 3%, .8);
  -webkit-box-shadow:       0 6px 16px hsla(213, 50%, 3%, .8);
  box-shadow:               0 6px 16px hsla(213, 50%, 3%, .8);
}
.darkBlueTheme .milestoneMarkerBase {
  -moz-box-shadow:          0 6px 16px hsla(200, 75%, 3%, .8);
  -webkit-box-shadow:       0 6px 16px hsla(200, 75%, 3%, .8);
  box-shadow:               0 6px 16px hsla(200, 75%, 3%, .8);
}

.darkTheme .milestoneMarkerBase {
  border-width:             0px;
  background:            hsl(213, 20%, 32%);
}
.darkBlueTheme .milestoneMarkerBase {
  border-width:             0px;
  background:            hsl(200, 75%, 36%);
}
 
.milestoneMarkerValue {
  bottom:                 0px;
  width:                  100%;
  color:                  hsl(213, 14%, 35%);
  font-size:              11px;
  line-height:            15px;
  white-space:            nowrap;
  margin:                 0 8px;
}
.xS .milestoneMarkerValue {
  font-size:              11px;
  line-height:            15px;
  margin:                 0 8px;
}
.xM .milestoneMarkerValue {
  font-size:              12px;
  line-height:            16px;
  margin:                 0 9px;
}
.xL .milestoneMarkerValue {
  font-size:              13px;
  line-height:            17px;
  margin:                 0 10px;
}
.darkTheme .milestoneMarkerValue {
  color:                  hsl(213, 20%, 75%);             
}
.darkBlueTheme .milestoneMarkerValue {
  color:                  hsl(200, 50%, 80%);             
}

.milestoneMarkerArrowContainer {
  width:                  12px;
  height:                 12px;
  overflow:               hidden;
  position:               absolute;
  left:                   50%;
  margin-left:            -6px;
  bottom:                 0px;
}
.xS .milestoneMarkerArrowContainer {
  margin-left:            -6px;
  bottom:                 0px;
}
.xM .milestoneMarkerArrowContainer {
  margin-left:            -7px;
  bottom:                 -2px;
}
.xL .milestoneMarkerArrowContainer {
  margin-left:            -8px;
  bottom:                 -3px;
}
  
.milestoneMarkerArrow {
  position:               absolute;
  left:                   3px;
  top:                    -3px;
  background:             #e2e5e8;
  width:                  6px;
  height:                 6px;
  -webkit-box-shadow:     0 0px 4px rgba(0,0,0,.75), 0 0 0 1px rgba(124,138,156,.5);
     -moz-box-shadow:     0 0px 4px rgba(0,0,0,.75), 0 0 0 1px rgba(124,138,156,.5);
          box-shadow:     0 0px 4px rgba(0,0,0,.75), 0 0 0 1px rgba(124,138,156,.5);
  -webkit-transform:      rotate(45deg);
     -moz-transform:      rotate(45deg);
      -ms-transform:      rotate(45deg);
}
.darkTheme .milestoneMarkerArrow {
  background:             hsl(213, 2%, 8%);
  
  -webkit-box-shadow:     0 0px 4px rgba(213, 2%, 0%,.75), 0 0 0 1px hsl(213, 7%, 68%);
     -moz-box-shadow:     0 0px 4px rgba(213, 2%, 0%,.75), 0 0 0 1px hsl(213, 7%, 68%);
          box-shadow:     0 0px 4px rgba(213, 2%, 0%,.75), 0 0 0 1px hsl(213, 7%, 68%);
}
.darkBlueTheme .milestoneMarkerArrow {
  background:             hsl(200, 2%, 8%);
  
  -webkit-box-shadow:     0 0px 4px rgba(200, 2%, 0%,.75), 0 0 0 1px hsl(200, 7%, 68%);
     -moz-box-shadow:     0 0px 4px rgba(200, 2%, 0%,.75), 0 0 0 1px hsl(200, 7%, 68%);
          box-shadow:     0 0px 4px rgba(200, 2%, 0%,.75), 0 0 0 1px hsl(200, 7%, 68%);
}


/* C3 SVG-based Milestone Marker */
.medianMilestoneMarker polygon {
  stroke: gray;
}
  

.medianMilestoneText {
  text-anchor: middle;
}
  
/* CSS Milestone Marker End */

div[wt_classname="DashboardContainer"] {
  background: transparent !important;
}

/* ================= Multi-Histogram =================== */
.e-metric-td {
  border-bottom:                 1px solid hsl(213,7%,85%);;
}
.darkTheme .e-metric-td,
.darkBlueTheme .e-metric-td {
  border-bottom:                 1px solid hsl(205,10%,27%);
}

.e-chart-td {
  border-bottom:                 1px solid hsl(213,7%,85%);;
}
.darkTheme  .e-chart-td,
.darkBlueTheme  .e-chart-td {
  border-bottom:                 1px solid hsl(205,10%,27%);
}


/* =========== Multi-Histogram Widget ========= */
.darkTheme div[wt_classname=MpulseMultiHistogramWidgetLogic] div[id^=soasta_result_chart_canvas_] > table,
.darkBlueTheme div[wt_classname=MpulseMultiHistogramWidgetLogic] div[id^=soasta_result_chart_canvas_] > table {
  height:                       100%;
  
  overflow-x:                   hidden;
  overflow-y:                   auto;
  
  display:                      block; 
}


/* ==================================== FUNDAMENTALS WIDGET ========================================== */
td.fundamentals_divider {
  width:                    1px;
  height:                   100%;
  
  background-image:         -webkit-linear-gradient(top, hsl(213,7%,79%) 0%, hsla(213,7%,79%,.5) 75%, hsla(213,7%,79%,0) 100%);
  background-image:         -moz-linear-gradient(top, hsl(213,7%,79%) 0%, hsla(213,7%,79%,.5) 75%, hsla(213,7%,79%,0) 100%);
  background-image:         -ms-linear-gradient(top, hsl(213,7%,79%) 0%, hsla(213,7%,79%,.5) 75%, hsla(213,7%,79%,0) 100%);
  background-image:         linear-gradient(top, hsl(213,7%,79%) 0%, hsla(213,7%,79%,.5) 75%, hsla(213,7%,79%,0) 100%);  
}

div[wt_classname=Fundamentals] td {
  color:                    hsl(0,0%,10%);
}

[id^=fund_data_elapsed_time_],
[id^=fund_data_request_message_count_],
[id^=fund_data_composition_status_],
[id^=fund_data_result_name_],
[id^=fund_data_composition_name_],
[id^=fund_data_start_time_],
.fund_data_avg_response_time,
.fund_data_EFFECTIVE_MESSAGE_THROUGHPUT {
  color:                    hsl(0,0%,0%);
}

.fundamentals_darkText {
  color:                    hsl(0,0%,50%);  
}

/* ================= Multi-Chart Widget =================== */

div.chart_container {
  box-sizing:               border-box;
  -moz-box-sizing:          border-box;
  -ms-box-sizing:           border-box;
  display:                  inline-block;
  position:                 relative;
  padding-bottom:           10px;
}

div.chart_container > div:first-child {
  padding:                  5pt 0 0 20pt;
  font-size:               10pt;
}

div.chart_container.borderRight:not(:last-child) {
  background-image:        -webkit-linear-gradient(top, hsl(213,7%,79%) 0%, hsla(213,7%,79%,.5) 75%, hsla(213,7%,79%,0) 100%);
  background-image:        -moz-linear-gradient(top, hsl(213,7%,79%) 0%, hsla(213,7%,79%,.5) 75%, hsla(213,7%,79%,0) 100%);
  background-image:        -ms-linear-gradient(top, hsl(213,7%,79%) 0%, hsla(213,7%,79%,.5) 75%, hsla(213,7%,79%,0) 100%);
  background-image:        linear-gradient(top, hsl(213,7%,79%) 0%, hsla(213,7%,79%,.5) 75%, hsla(213,7%,79%,0) 100%);
  background-position:     100% 0;
  background-repeat:       no-repeat;
}

.darkTheme div.chart_container.borderRight:not(:last-child) {
  background-image:        -webkit-linear-gradient(top,  hsl(213, 7%, 28%) 0%,  hsla(213, 7%, 28%, .5) 75%,  hsla(213, 7%, 28%, 0) 100%);
  background-image:        -moz-linear-gradient(top,  hsl(213, 7%, 28%) 0%,  hsla(213, 7%, 28%, .5) 75%,  hsla(213, 7%, 28%, 0) 100%);
  background-image:        -ms-linear-gradient(top,  hsl(213, 7%, 28%) 0%,  hsla(213, 7%, 28%, .5) 75%,  hsla(213, 7%, 28%, 0) 100%);
  background-image:        linear-gradient(top,  hsl(213, 7%, 28%) 0%,  hsla(213, 7%, 28%, .5) 75%,  hsla(213, 7%, 28%, 0) 100%);
  background-position:     100% 0;
  background-repeat:       no-repeat;
}
.darkBlueTheme div.chart_container.borderRight:not(:last-child) {
  background-image:        -webkit-linear-gradient(top,  hsl(200, 7%, 28%) 0%,  hsla(200, 7%, 28%, .5) 75%,  hsla(200, 7%, 28%, 0) 100%);
  background-image:        -moz-linear-gradient(top,  hsl(200, 7%, 28%) 0%,  hsla(200, 7%, 28%, .5) 75%,  hsla(200, 7%, 28%, 0) 100%);
  background-image:        -ms-linear-gradient(top,  hsl(200, 7%, 28%) 0%,  hsla(200, 7%, 28%, .5) 75%,  hsla(200, 7%, 28%, 0) 100%);
  background-image:        linear-gradient(top,  hsl(200, 7%, 28%) 0%,  hsla(200, 7%, 28%, .5) 75%,  hsla(200, 7%, 28%, 0) 100%);
  background-position:     100% 0;
  background-repeat:       no-repeat;
}

div.chart_container > div:first-child > span {
  position:                absolute;
  left:                    5px;
}

div.chart_container > div:first-child > div {
  display: inline-block;
}

/* ================= Multi-Cell Widget =================== */

div.cell_container {
  box-sizing:              border-box;
  -moz-box-sizing:         border-box;
  -ms-box-sizing:          border-box;
  float:                   left;
  position:                relative;
  overflow:                hidden;
}

div.cell_container .mpulse_main_cell_title_cell {
  margin-top:              2px;
  color:                   hsl(213, 0%, 10%);
  white-space:             nowrap;
  text-align:              center;
  height:                  25px;
}
.darkTheme div.cell_container .mpulse_main_cell_title_cell {
  color:                   hsl(213, 10%, 65%);
}
.darkBlueTheme div.cell_container .mpulse_main_cell_title_cell {
  color:                   hsl(200, 30%, 65%);
}

div.cell_container .mpulse_main_cell_title_cell.mpulse_main_cell_title_cell_leftalign {
  text-align:             left;
  margin-left:            7px;
}

.xS div.cell_container > div:first-child {
  margin-top:              5px;
  font-size:               16px;
}
.xM div.cell_container > div:first-child {
  margin-top:              6px;
  font-size:               18px;
}
.xL div.cell_container > div:first-child {
  margin-top:              9px;
  font-size:               28px;
}

.darkTheme div.cell_container > div:first-child,
.darkBlueTheme div.cell_container > div:first-child {
  color:                   hsl(0,0%,100%);
}

div.sub_row_container {
  margin-top: 3px;
}

div.cell_container.borderRight:not(:last-child), div.sub_row_container .sub_row_2col > div:not(:last-child), div.sub_row_container .sub_row_3col > div:not(:last-child) { 
  border-right-style:      solid;
  border-right-color:      #e1e3e5;
}

.darkTheme div.cell_container.borderRight:not(:last-child),
.darkTheme div.sub_row_container .sub_row_2col > div:not(:last-child),
.darkTheme div.sub_row_container .sub_row_3col > div:not(:last-child) {
  border-right-style:     solid;
  border-right-color:     hsl(213, 5%, 23%);
}
.darkBlueTheme div.cell_container.borderRight:not(:last-child),
.darkBlueTheme div.sub_row_container .sub_row_2col > div:not(:last-child),
.darkBlueTheme div.sub_row_container .sub_row_3col > div:not(:last-child) {
  border-right-style:     solid;
  border-right-color:     hsl(200, 50%, 30%);
}

div.sub_row_container {
  border-top-style:       solid;
  border-top-color:       #e1e3e5;
}

.darkTheme div.sub_row_container {
  border-top-style:       solid;
  border-top-color:       hsl(213, 5%, 23%);
}
.darkBlueTheme div.sub_row_container {
  border-top-style:       solid;
  border-top-color:       hsl(200, 50%, 28%);
}

div.sub_row_container .sub_row_sparkline {
  padding:                5px 5px 0 5px;
  cursor:                 default;
}
.xS div.sub_row_container .sub_row_sparkline { 
  padding:                4px 4px 0 4px;
}
.xM div.sub_row_container .sub_row_sparkline { 
  padding:                7px 7px 0 7px;
}
.xL div.sub_row_container .sub_row_sparkline { 
  padding:                10px 10px 0 10px;
}


div.sub_row_container .sub_row_2col, div.sub_row_container .sub_row_3col {
  height:                 100%;
  color:                  hsl(0,0%,40%);
  font-size:              14px;
}
.xS div.sub_row_container .sub_row_2col, div.sub_row_container .sub_row_3col { 
  font-size:              12px;
}
.xM div.sub_row_container .sub_row_2col, div.sub_row_container .sub_row_3col { 
  font-size:              16px;
}
.xL div.sub_row_container .sub_row_2col, div.sub_row_container .sub_row_3col { 
  font-size:              28px;
}


.darkTheme div.sub_row_container .sub_row_2col, div.sub_row_container .sub_row_3col,
.darkBlueTheme div.sub_row_container .sub_row_2col, div.sub_row_container .sub_row_3col {
  color:                  hsl(0, 0%, 100%);
}

div.sub_row_container .sub_row_2col > div, div.sub_row_container .sub_row_3col > div {
  height:                 100%;
  float:                  left;
  padding-top:            5px;
  box-sizing:             border-box;
  -moz-box-sizing:        border-box;
  -ms-box-sizing:         border-box;
  text-align:             center;
}
.xS div.sub_row_container .sub_row_2col > div, div.sub_row_container .sub_row_3col > div { 
  padding-top:            4px;
}
.xM div.sub_row_container .sub_row_2col > div, div.sub_row_container .sub_row_3col > div { 
  padding-top:            5px;
}
.xL div.sub_row_container .sub_row_2col > div, div.sub_row_container .sub_row_3col > div { 
  padding-top:            10px;
}

div.sub_row_container .sub_row_2col > div.left_tab {
  text-align:             left;
  padding-left:           8px;
  overflow:               hidden;
  text-overflow:          ellipsis;
  white-space:            nowrap;
}
.xS div.sub_row_container .sub_row_2col > div.left_tab { 
  padding-left:           6px;
}
.xM div.sub_row_container .sub_row_2col > div.left_tab { 
  padding-left:           8px;
}
.xL div.sub_row_container .sub_row_2col > div.left_tab { 
  padding-left:           16px;
}

.darkTheme div.sub_row_container .sub_row_2col > div.left_tab,
.darkBlueTheme div.sub_row_container .sub_row_2col > div.left_tab {
  color:                  hsl(0, 0%, 100%);
}

div.sub_row_container .sub_row_2col > div.right_tab {
  text-align:             right;
  padding-right:          15px;
}
.xS div.sub_row_container .sub_row_2col > div.right_tab  { 
  padding-right:          12px;
}
.xM div.sub_row_container .sub_row_2col > div.right_tab  { 
  padding-right:          15px;
}
.xL div.sub_row_container .sub_row_2col > div.right_tab  { 
  padding-right:          30px;
}


div.sub_row_container .sub_row_2col .data_suffix {
  font-size:              10px;
}
.xS div.sub_row_container .sub_row_2col .data_suffix  { 
  font-size:              8px;
}
.xM div.sub_row_container .sub_row_2col .data_suffix  { 
  font-size:              10px;
}
.xL div.sub_row_container .sub_row_2col .data_suffix  { 
  font-size:              20px;
}


.darkTheme div.sub_row_container .sub_row_2col .data_suffix,
.darkTheme div.cell_container .mpulse_main_cell_value_suffix,
.darkBlueTheme div.sub_row_container .sub_row_2col .data_suffix,
.darkBlueTheme div.cell_container .mpulse_main_cell_value_suffix  {
  color:                   hsl(0, 0%, 100%);
}

div.sub_row_container .sub_row_3col .red {
  color:                  #E62525;
}

div.sub_row_container .sub_row_3col .yellow {
  color:                  #FFBC4F;
}

div.sub_row_container .sub_row_3col .green {
  color:                  #50DE21;
}

div.sub_row_container .sub_row_2col > div {
  width:                  50%;
}

div.sub_row_container .sub_row_3col > div {
  width:                  33.3333%;
}

div.cell_container > div:first-child > span {
  position:               absolute;
  left:                   5px;
}


div.cell_container .mpulse_main_cell_data {
  color:                  hsl(0,0%,40%);
  line-height:            55px;
  text-align:             center;
  height:                 60px;
}
.xS div.cell_container .mpulse_main_cell_data {
  font-size:              47px;
  height:                 54px;
}
.xM div.cell_container .mpulse_main_cell_data {
  font-size:              52px;
  height:                 60px;
}
.xL div.cell_container .mpulse_main_cell_data {
  font-size:              104px;
  height:                 120px;
}


.darkTheme div.cell_container .mpulse_main_cell_data,
.darkBlueTheme div.cell_container .mpulse_main_cell_data {
  color:                  hsl(0,0%,100%);
}

div.cell_container .mpulse_main_cell_additional_data {
  color:                  hsl(213,10%,60%);
  font-size:              1.1rem;
  margin-left:            12px;
  display:                none;
}

div.cell_container .mpulse_main_cell_top_color_bar {
  display:                 none;
  height:                 4px;
}


.darkTheme div.cell_container .mpulse_main_cell_additional_data,
.darkBlueTheme div.cell_container .mpulse_main_cell_additional_data {
  color:                  hsl(0,0%,100%);
}


div.cell_container .mpulse_main_cell_value_prefix {
  padding-right:           .1em;
  bottom:                  .1em;
}
div.cell_container .mpulse_main_cell_value_suffix {
  padding-left:           .0em;
}

.mpulse_black_text *{
  color: black !important;
}

.mpulse_white_text *{
  color: white !important;
}

/* ================================ Table Widget Logic Tables =================================== */
.tableNormalCell {
  color:              #4e5c67;
  white-space:        nowrap;
  overflow:           hidden;  
}

.tableHighlightCell {
  color: rgba(0, 0, 0, 1);
  text-shadow: 0px 0px 1px rgb(66, 161, 255);
}

.darkTheme .tableHighlightCell,
.darkBlueTheme .tableHighlightCell {
  text-shadow: 0px 0px 1px rgb(0, 0, 255);
}

.standard_table_header_cell,
.alerts_history_base_table.title .navToolbar,
.group_table_header_cell {
  color:              hsl(216, 11%, 36%);
  font-weight:        normal;
  text-align:         left;
  white-space:        nowrap; 
  overflow:           hidden;
  height:             18px;
}

th[class*="standard_table_header_cell"][sortable="true"],
.alerts_history_base_table.title .navToolbar {
  cursor:             pointer;
}

.standard_table_header_cell {
  cursor:             default;
}

.alerts_history_base_table.title .navToolbar
{
  font-weight:        500;
  line-height:        18px;
  color:              #525a66;
}

.alerts_history_base_table.title .navToolbar div.list_col_resizer
{
  margin: 0;
}

.alerts_history_base_table .tableNormalCell 
{
  color:              #525a66;
  white-space:        nowrap;
  overflow:           hidden;  
}

.alerts_history_base_table tr
{
  font-weight:        500;
  line-height:        21px;
}

.alerts_history_base_table td .cellContentWrapper
{
  padding-left:       14px;
  padding-right:      14px;
}

/* ================================ Table Widget Logic Custom DataService Summary header  =================================== */

.dataServiceSummaryHeader {
  width: 100%;
}

.dataServiceSummaryHeader table {
  padding: 10px 0;
}

.dataServiceSummaryHeader table td {
  padding: 5px 0 5px 20px;
  font-size: 16px;
}

.dataServiceSummaryHeader table td > span {
  font-weight: 300;
}

/* LIGHT THEME ROWS */
.alertsHistoryRow.odd,
.alertsHistoryDetailsCell.odd {
  background:          hsl(219, 89%, 96%);
}
.alertsHistoryRow.even,
.alertsHistoryDetailsCell.even {
  background:          hsl(219, 89%, 100%);  
}

/* DARK THEME CELLS */
.darkTheme .alertsHistoryRow.odd,
.darkTheme .alertsHistoryDetailsCell.odd,
.darkBlueTheme .alertsHistoryRow.odd,
.darkBlueTheme .alertsHistoryDetailsCell.odd {
  background:          hsl(200, 5%, 11%);
}
.darkTheme .alertsHistoryRow.even,
.darkTheme .alertsHistoryDetailsCell.even,
.darkBlueTheme .alertsHistoryRow.even,
.darkBlueTheme .alertsHistoryDetailsCell.even {
    background:        hsl(180, 3%, 8%);
}



.alerts_history_details_table tr 
{
  line-height:        21px !important;
}

.alerts_history_details_label
{
  color:              #999;
  vertical-align:     top;
  text-align:         right;
}

.alerts_history_details_cell
{
  white-space:        pre;
}

.alert_history_dashboard_image
{
  cursor:             pointer;
  height:             200px;
}

.alert_history_dashboard_link
{
  text-decoration:    underline;
  color:              #507acf;
  cursor:             pointer;
}

.flusher_table_detailRowsTbl tr:last-child > td,
.darkTheme .flusher_table_detailRowsTbl tr:last-child > td,
.darkBlueTheme .flusher_table_detailRowsTbl tr:last-child > td
{
  border-bottom: 0;
}

/* ============================ Collection Baseline Comparison Widget  ============================== */

.collection_baseline_comparison_widget_settings_container
{
  padding:            10px 0 0 10px;
  height:             270px;
}

.collection_baseline_comparison_widget_settings_container .collectionStatusSettings > table
{
  height:             auto;
  margin-bottom:      5px;
}

.collection_baseline_comparison_widget_settings_container table
{
  border-collapse:    collapse;
  height:             100%
}

.collection_baseline_comparison_widget_settings_container .metrics_list
{
  list-style-type:    none;
  padding:            0;
  margin:             0;
  background-color:   hsla(213,0%,100%,1);
  border:             1px solid hsl(213,5%,81%);
  border-radius:      5px;
  height:             100%;
  min-width:          150px;
}

.collection_baseline_comparison_widget_settings_container .metrics_list li
{
  padding:            2px 0 0 2px;
  cursor:             pointer;
}
.collection_baseline_comparison_widget_settings_container .metrics_list li:hover
{
  background-color:   #EEEFF0;
}

.collection_baseline_comparison_widget_settings_container .metrics_list li.selected
{
  background-color:   #bbd8ff;
}

.collection_baseline_comparison_widget_settings_container .metrics_list li label{
  padding-left:       2px;
}

.collection_baseline_comparison_widget_settings_container .metric_settings
{
  padding-left:       10px;
  display:            none;
}

.collection_baseline_comparison_widget_settings_container .metric_settings.active
{
  display:            block;
  -webkit-animation:  fadeIn 1.5s;
  animation:          fadeIn 1.5s;
}

@-webkit-keyframes fadeIn
{
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fadeIn
{
  from { opacity: 0; }
  to { opacity: 1; }
}

.collection_baseline_comparison_widget_settings_container .metric_settings_item
{
  padding:            4px 0 0 4px;
}

.collection_baseline_comparison_widget_settings_container .metric_settings_legend_tbl
{
  margin:             10px 0 0 40px;
}

.collection_baseline_comparison_widget_settings_container .metric_settings_legend_tbl td
{
  padding:            3px;
}

.collection_baseline_comparison_widget_settings_container .metric_settings_legend_tbl input[type="text"]
{
  width:              53px;
}

.collection_baseline_comparison_widget_settings_container .metric_settings_legend_tbl .green_limit_box,
.collection_baseline_comparison_widget_settings_container .metric_settings_legend_tbl .yellow_limit_box,
.collection_baseline_comparison_widget_settings_container .metric_settings_legend_tbl .red_limit_box
{
  width:              18px;
  height:             18px;
  border:             1px solid hsl(213,5%,81%);
  border-radius:      3px;
}

.collection_baseline_comparison_widget_settings_container .metric_settings_legend_tbl .green_limit_box
{
  background-color:   #71d466;
}

.collection_baseline_comparison_widget_settings_container .metric_settings_legend_tbl .yellow_limit_box
{
  background-color:   #ffd723;
}

.collection_baseline_comparison_widget_settings_container .metric_settings_legend_tbl .red_limit_box
{
  background-color:   #cf0808;
}
  
/*===================
- styles for jquery.table-columns-resizable
====================*/

.table-columns-resizable-drag-proxy {

}

.table-columns-resizable-drag-proxy-dragging {
  position: absolute;
  visibility: visible;
  background: linear-gradient( to right, transparent 1px, transparent 5px, hsla(213,70%,50%,.7) 6px, transparent 6px );
  width: 12px;
  height: 100%;
  top: 0;
  margin-left:2px;
  z-index: 10;
  cursor: col-resize;
}

.table-columns-resizable-drag-handle {
  cursor: col-resize;
  position: relative;
  /*background: linear-gradient( to right, transparent 1px, transparent 5px, rgba(120,120,120,0.3) 6px, transparent 6px );*/
  float: right;
  left: 13px;
  width: 12px;
  height: 18px;
  margin: 3px 0;
}

.table_base_widget th::selection {
  background: transparent;
}

/*====================

 - RESPONSIVE STYLES -

======================*/

.hint-table-hidden .ejsc-hint-table-container {
  display:none !important;
}

.ejsc-pie-chart-hint-tooltip dt {
  font-weight: bold;
}

.ejsc-pie-chart-hint-tooltip .ejsc-pie-hint-square {
  float: left;
  margin-top: 2px;
}

.ejsc-hint-table-container {
  padding-left: 0px !important;
}


@media only screen and (max-width : 1250px) {

  .ejsc-legend-tree-items {
    margin-left: 8px !important;
  }
/*
  .tileMode .table_base_widget tr > * {
    padding: 0 5px 0 2px !important;
  }
*/
  .tileMode .table_base_widget tr > *:nth-child(2) {
    text-align: left !important;
  }

  .tileMode .table_base_widget tr > th {
    font-size: 10px;
    text-align: right !important;
  }

  .tileMode .table_base_widget tr > td {
    font-size: 10px;
  }

  .tileMode .ejsc-hint-table-container { 
    margin-top:20px !important;
  }
}

@media only screen and (max-width : 680px) {


  .tileMode .widgetTitleText {
    font-size: 13px;
    margin: 4px 0 0 -17px;
  }

  /* style the td wrapping the widget title */
  .tileMode .widgetTitleContainer td:nth-child(2) {
    width: 1px !important;
    overflow: visible !important;
  }

  /* style the td wrapping the widget buttons */
  .tileMode .widgetTitleContainer td:nth-child(3) {
    width: auto !important;
    padding-right: 4px !important;
  }

  /* this styles the container for the buttons on the top right of every widget*/
  .tileMode .widgetTitleContainer td:nth-child(3) div {
    position: relative;
    width: auto !important;
    max-width: 130px !important;
  }

  .tileMode .table_base_widget tr > * {
    /*padding: 0 5px 0 2px !important;*/
  }

  .tileMode .table_base_widget tr > th {
    font-size: 10px;
    /*text-align: right !important;*/
  }

  .tileMode .table_base_widget tr > td {
    font-size: 8px;
  }


  .tileMode .mpulse_percentile {
    padding: 12px 0 8px;
    height: 52px;
  }

  .tileMode .mpulse_percentile span {
    font-size: 42px !important;
  }

  .tileMode .mpulse_percentile,
  .tileMode .mpulse_navTiming_label,
  .tileMode .mpulse_navTiming_value,
  .tileMode .mpulse_navTiming_container {
    white-space: nowrap;
  }

  .tileMode .mpulse_navTiming_container {
    padding: 5px !important;
  }

  .tileMode .mpulse_navTiming_label {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 18px;
  }

  .tileMode .mpulse_navTiming_value {
    font-size: 18px !important;
    margin-left: 0px;
  }

  .tileMode .mpulse_navTiming_value_suffix {
    font-size: 9px !important;
    margin-left: 0px;
  }

  .tileMode div[wt_classname="NavigationTiming"] {
    overflow:hidden;
    height: 90px !important;
  }

  .tileMode .ejsc-hint-table-container {
    overflow-x: hidden !important;
    width: auto !important;
    padding: 0 5px !important;
    left: 0px !important;
    height: 170px !important;
    width: 100% !important;
    margin: 0 !important;
  }
  
  .tileMode div.chart_container > div:first-child {
    text-align: center !important;
    margin: 10px 10px 0 !important;
    overflow:hidden;
    height: 30pt;
    font-size: 12px;
  }

  .tileMode .ejsc-hint-table-container > table {
    margin: 0 auto;
  }
  /* legend square bullet */
  .tileMode .ejsc-hint-table-container tr:first-child {
    max-width: 10%;
  }
  .tileMode .ejsc-hint-table-description {
    position: relative;
    float: left;
    max-width: 45%;
  }
  .tileMode .ejsc-hint-description-text {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 99.99%;
    display: inline-block;
    line-height: 18px;
    
  }
  .tileMode .ejsc-hint-table-value {
    float: right;
    max-width: 40%;
    margin-right:5%;
    line-height: 18px;
  }
  .tileMode .ejsc-hint-table-percent {
    display: none !important;
  }
}
  
.mobileMonitorLabel{
  overflow: visible !important;
  margin-left: 5px !important;
}

.beacon_stream_item {
  font-size:12px;
  line-height: 20px;
  height:18px;
  padding:2px;
}

.beacon_stream_item span {
  display:inline-block;
  width:100px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.beacon_stream_item span:nth-child(1) {
  width:155px;
}

.beacon_stream_item span:nth-child(2) {
  width:85px;
}

.beacon_stream_item span:nth-child(3) {
  width:75px;
}

.beacon_stream_item span:nth-child(4) {
  width:75px;
}

.beacon_stream_item span:nth-child(5) {
  width:90px;
}

.beacon_stream_details {
  white-space:pre;
  font-family: monospace;
  font-size:12px;
  max-height:200px;
  overflow:auto;
  background-color:white;
  line-height:normal;
  color:black;
  margin:10px;
}

.beacon_stream_header {
  z-index:10;
  background-color:white;
  border-bottom:1px solid #ACACAC;
  position:relative;
}

.beacon_scroller {
  z-index:5;
  cursor:pointer;
}

/* --------------------------------- Simple Multi Combo Box --------------------------------- */
.widget_filter_toolbar .simpleMultiComboBox-container ul li input{
  margin-left: 0.8em;
}

.widget_filter_toolbar .simpleMultiComboBox-container ul #simpleMultiComboBox_firstColumn_searchBox input{
  margin-left: 0em;
}

/* --------------------------------- Flat Toggle Switch --------------------------------- */
.autoAnnotationSwitch {
    width: 36px;
    border-radius: 5px;
    height: 11px;
    background-color: #dddbdb;
    position: relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.autoAnnotationSwitch:after {
    box-shadow: 0 0 1px rgba(0,0,0,.5); 
    border-radius: 100%;
    background-color: #f9f7f7;
    position: absolute;
    left: 0;
    top: -2px;
    width: 15px;
    height: 15px;
    content: '';
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translateX(0);
     transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}

.autoAnnotationSwitch > span {
    margin-left: 45px;
    position: relative;
    top: -2px;
    color: #f9f7f7;
    white-space: nowrap;
    display: block;
    cursor: pointer;
}

.autoAnnotationSwitch:hover {
    cursor: pointer;
}

.autoAnnotationSwitch:hover span {
    color: black;
    cursor: pointer;
}

.autoAnnotationSwitch.on {
    background-color: #00BD68;
    transform: translate3d(0,0,0);
}

#autoAnnotationSwitch_Custom.on:hover span {
    color: #FCAE5B;
    cursor: pointer;
}

#autoAnnotationSwitch_Custom.on:after {
    -webkit-transform: translate(21px);
    -ms-transform: translate(21px);
    transform: translateX(21px);
}

#autoAnnotationSwitch_Custom.on > span {
    color: #FCAE5B;
}

#autoAnnotationSwitch_System.on:hover span {
    color: #546E7A;
    cursor: pointer;
}

#autoAnnotationSwitch_System.on:after {
    -webkit-transform: translate(21px);
    -ms-transform: translate(21px);
    transform: translateX(21px);
}

#autoAnnotationSwitch_System.on > span {
    color: #546E7A;
}
/* Annotation*/

/* Time pointer*/
.timePointer {
  margin-top: 2px !important;
  display: inline-block;
  width: 0; 
  height: 0; 
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  cursor: pointer;
  content:'+';
  position: absolute;
}

.mixedTimePointer {
  margin-top: 2px !important;
  display: inline-block;
  cursor: pointer;
  content:'+';
  position: absolute;
}

.mixedTimePointer:before {
  content: " ";
  position: absolute;
  left: -8px;
  border-style: solid;
  border-width: 8px 8px 0 0;
  border-color: transparent #B0BEC5 transparent transparent;
}

.darkTheme .mixedTimePointer:before {
  border-color: transparent hsl(213,32%,40%) transparent transparent;
}

.darkBlueTheme .mixedTimePointer:before {
  border-color: transparent hsl(200,60%,33%) transparent transparent;
}

.mixedTimePointer:after {
  content: " ";
  position: absolute;
  left: 0px;
  border-style: solid;
  border-width: 8px 0px 0px 8px;
  border-color: transparent  transparent transparent #FCAE5B;
}

.darkTheme .mixedTimePointer:after {
  border-color: transparent  transparent transparent hsl(195,98%,35%);
}

.darkBlueTheme .mixedTimePointer:after {
  border-color: transparent  transparent transparent hsl(195,98%,35%);
}

.timeRange {
  margin-top: 2px !important;
  display: inline-block;
  width: 100px;
  height: 8px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px; 
  cursor: pointer;
  position: absolute;
}

.stay{
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px; 
  opacity: 1;
}

.expanded{
  -moz-border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px; 
  opacity: 1;
}

.collapsed,
.hidden{
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px; 
  opacity: 1;
}

.annotationNoteBar {
  margin-top: 1px !important;
  height: 20px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px; 
  cursor: pointer;
  background: #CFD8DC;
  position: absolute;
  z-index: 1;
}

.darkTheme .annotationNoteBar {
  background: hsl(213,32%,40%);
}

.darkBlueTheme .annotationNoteBar {
  background: hsl(200,60%,33%);
}

.annotationNoteSpan {
  display: block;
  vertical-align: middle;
  text-align: center;
}

.annotationNoteIcon {
  margin-right: 6px;
  top: 3px;
  position: relative;
}

.annotationNoteText {
  color: hsl(0, 21%, 97%);
  height: 100%;
  line-height: 15px;
  font-weight: bold;
}

.timeContainer {
  white-space: nowrap;
  width: 100%;
  position: absolute;
  z-index: 2;
}

.pinnedMarkerLayerWrapper {
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  height: 0; 
  position: absolute;
  border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;
  opacity: 0;
  cursor: default;
}

.markerLayerWrapper {
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  height: 0; 
  position: absolute;
  width: 100%;
}

.noteBookWrapper {
  cursor: default;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  background: #FFFFFF;
  border: 1px solid #d4cfcf;
  border-radius:  8px;
  -moz-border-radius: 8px;
  -webkit-border-radius:  8px;
  width:  100%;
  position: absolute;
  height: 0; 
  opacity: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 99999999;
}

.darkTheme .noteBookWrapper {
  border: 1px solid #000;
  background: hsl(215,19%,27%);
}

.darkBlueTheme .noteBookWrapper {
  border: 1px solid hsl(200, 20%, 61%);
  background: hsl(200,53%,20%);
}

.noteTitleBar{
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 6px;
  margin-bottom: 6px;
 
  font-size:  12px;
  font-weight: bold;
  border-bottom: 1px solid #d4cfcf;
  padding-bottom: 3px;
  
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* to fix horizontal bar in ie 11, it is required to work with word-wrap: break-word*/
  white-space: pre-wrap;
  
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.darkTheme .noteTitleBar {
  border-bottom: 1px solid #2d2b2b;
}

.darkBlueTheme .noteTitleBar {
  border-bottom: 1px solid hsl(200, 16%, 36%);
}

.noteDuration{
  margin: 0px;
  color: rgb(46, 46, 45);
}

.darkTheme .noteDuration {
  color: white;
}

.darkBlueTheme .noteDuration {
  color: rgb(227, 230, 232);
}

.noteDeleteButton{
  float: right;
  right: 11px;
  top: 5px;
  position: absolute;
  cursor: pointer !important;
  opacity: 0.5;
}

.noteMaximizeButton{
  float: right;
  right: 35px;
  top: 6px;
  position: absolute;
  cursor: pointer !important;
  opacity: 0.5;
}

.noteMinimizeButton{
  float: right;
  right: 35px;
  top: 6px;
  position: absolute;
  cursor: pointer !important;
  opacity: 0.5;
  display: none;
}

.noteContent {
  margin-left: 15px;
  margin-right: 15px;
  
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* to fix horizontal bar in ie 11, it is required to work with word-wrap: break-word*/
  white-space: pre-wrap;
  
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  position: relative;
  height: 94%;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
}

.systemAnnotationContent {
  margin-right: 5px;
  font-size:  12px;
}

.customAnnotationContent {
  margin-right: 5px;
  margin-top: 7px;
  font-size:  12px;
}

.systemAnnotationIcon {
  float: left;
  margin-top: 4px !important;
  display: block;
  width: 0; 
  height: 0; 
  cursor: pointer;
  margin-right: 6px;
}

.customAnnotationIcon {
  float: left;
  margin-top: 4px !important;
  display: block;
  width: 0; 
  height: 0; 
  cursor: pointer;
  margin-right: 6px;
}

.customAnnotationTitle_off {
  color: #FCAE5B;
  font-weight: 600;
}

.darkTheme .customAnnotationTitle_off {
  color: hsl(195,74%,50%);
}

.darkBlueTheme .customAnnotationTitle_off {
  color: hsl(195,79%,52%);
}

.systemAnnotationTitle_off {
  color: rgb(67, 104, 121);
  font-weight: 600;
}

.darkTheme .systemAnnotationTitle_off {
  color: hsl(213,41%,66%);
}

.darkBlueTheme .systemAnnotationTitle_off {
  color: hsl(200,29%,57%);
}

.annotationNoteItemPinIcon {
  float: left;
  margin-top: 2px !important;
  display: block;
  width: 0; 
  height: 0; 
  cursor: pointer;
  margin-right: 12px;
  visibility: hidden;
}

.systemAnnotationIcon_off {
  border-top: 4px solid transparent !important;
  border-bottom: 4px solid transparent !important;
  border-left: 7px solid rgb(67, 104, 121);
}

.darkTheme .systemAnnotationIcon_off {
  border-top: 4px solid transparent !important;
  border-bottom: 4px solid transparent !important;
  border-left: 7px solid hsl(213,41%,66%);
}

.darkBlueTheme .systemAnnotationIcon_off {
  border-top: 4px solid transparent !important;
  border-bottom: 4px solid transparent !important;
  border-left: 7px solid hsl(200,29%,57%);
}

.systemAnnotationTitle_on {
  color: rgb(67, 104, 121);
  border-bottom: 1px solid #d4cfcf;
  font-weight: 600;
}

.darkTheme .systemAnnotationTitle_on {
  border-bottom: 1px solid #2d2b2b;
  color: hsl(213,41%,66%);
}

.darkBlueTheme .systemAnnotationTitle_on {
  border-bottom: 1px solid hsl(200, 16%, 36%);
  color: hsl(200,29%,57%);
}

.customAnnotationTitle_on {
  color: #FCAE5B;
  border-bottom: 1px solid #d4cfcf;
  font-weight: 600;
}

.darkTheme .customAnnotationTitle_on {
  border-bottom: 1px solid #2d2b2b;
  color: hsl(195,74%,50%);
}

.darkBlueTheme .customAnnotationTitle_on {
  border-bottom: 1px solid hsl(200, 16%, 36%);
  color: hsl(195,79%,52%);
}

.systemAnnotationIcon_on {
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-top: 7px solid rgb(67, 104, 121);
}

.darkTheme .systemAnnotationIcon_on {
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-top: 7px solid hsl(213,41%,66%);
}

.darkBlueTheme .systemAnnotationIcon_on {
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-top: 7px solid hsl(200,29%,57%);
}

.customAnnotationIcon_off {
  border-top: 4px solid transparent !important;
  border-bottom: 4px solid transparent !important;
  border-left: 7px solid #FCAE5B;
}

.darkTheme .customAnnotationIcon_off {
  border-top: 4px solid transparent !important;
  border-bottom: 4px solid transparent !important;
  border-left: 7px solid hsl(195,74%,50%);
}

.darkBlueTheme .customAnnotationIcon_off {
  border-top: 4px solid transparent !important;
  border-bottom: 4px solid transparent !important;
  border-left: 7px solid hsl(195,79%,52%);
}

.customAnnotationIcon_on {
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-top: 7px solid #FCAE5B;
}

.darkTheme .customAnnotationIcon_on {
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-top: 7px solid hsl(195,74%,50%);
}

.darkBlueTheme .customAnnotationIcon_on {
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-top: 7px solid hsl(195,79%,52%);
}

.systemAnnotationNotes_hide,
.customAnnotationNotes_hide {
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  
  list-style-type: none;
  position: absolute;
  width: 100%;
  margin-left: -27px;
  margin-top: 6px;
  opacity: 0;
}

.systemAnnotationNotes_hide {
  visibility: hidden;
}

.customAnnotationNotes_hide {
  visibility: hidden;
}

.systemAnnotationNotes_show,
.customAnnotationNotes_show {
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  
  list-style-type: none;
  width: 100%;
  margin-top: 6px;
  margin-left: -27px;
  opacity: 1;
  overflow-x: hidden;
  overflow-y: auto;
  visibility: visible;
}

.systemAnnotationNotes_show {
  position: relative;
  display: block;
}

.annotationNoteItemTitleBar{
  font-size: 11px;
  font-weight: 500;
}

.annotationNoteItemDuration{
  float: left;
  margin-right: 10px;
}

.blink {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0; }
}

.systemAnnotationNoteItemTitleBar{
  color: rgb(42, 74, 88);
}

.darkTheme .systemAnnotationNoteItemTitleBar {
  color: hsl(213,41%,66%);
}

.darkBlueTheme .systemAnnotationNoteItemTitleBar {
  color: hsl(200,29%,57%);
}

.systemAnnotationNoteItemContent{
  color: rgb(42, 74, 88);
}

.darkTheme .systemAnnotationNoteItemContent {
  color: white;
}

.darkBlueTheme .systemAnnotationNoteItemContent {
  color: white;
}

.customAnnotationNoteItemTitleBar{
  color: #FCAE5B;
}

.darkTheme .customAnnotationNoteItemTitleBar {
  color: hsl(195,74%,50%);
}

.darkBlueTheme .customAnnotationNoteItemTitleBar {
  color: hsl(195,79%,52%);
}

.customAnnotationNoteItemContent{
  color: #FCAE5B;
}

.darkTheme .customAnnotationNoteItemContent {
  color: white;
}

.darkBlueTheme .customAnnotationNoteItemContent {
  color: white;
}

.pinedAnnotationPreview{
  position: absolute !important;
  z-index: 1;
  opacity: 0;
  bottom: auto !important;
}

.pinnedMarkerLayer {
 width: 100%;
 height: 100%;
      
 -moz-border-radius: 0px;
 -webkit-border-radius: 3px 3px 0px 0px;
 border-radius: 3px 3px 0px 0px; 
 opacity:  0;
}

.markerLayer {
 width: 100%;
 height: 100%;
      
 -moz-border-radius: 0px;
 -webkit-border-radius: 3px 3px 0px 0px;
 border-radius: 3px 3px 0px 0px; 
 opacity:  0.8;
}

.annotationPreview {
  background: hsla(213, 33%, 98%, 1);
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 156px;
  bottom: 0px;
  
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px; 
  
  white-space: initial;
  height: auto;
  box-shadow: 0 0 6px rgba(0,0,0,.5); 
  overflow: auto;
  
  position: relative;
  display: none;
  z-index: 1;
}
 
.darkTheme .annotationPreview {
  background: hsl(213,32%,40%);
}

.darkBlueTheme .annotationPreview {
  background: hsl(200,60%,33%);
}

.annotationPreview a{
  cursor: pointer !important;
}
.annotationNote {
  font-family:  "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
  color:  hsl(0,0%,40%);
  font-size:  11px;
}

.darkTheme .annotationNote {
  color: white;
}

.darkBlueTheme .annotationNote {
  color: hsl(200, 30%, 85%);
}

.annotationTitleBar{
  cursor: move;
  font-size:  12px;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* to fix horizontal bar in ie 11, it is required to work with word-wrap: break-word*/
  white-space: pre-wrap;
  
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.annotationDuration{
  margin: 0px;
  color: #fff;
  padding-left: 8px;
  float: left;
  
  /* use all space save left padding (8) and button container (32) */
  width: calc(100% - 40px);
}

.noteButtonContainer {
  float: right;
  height: 16px;
}

.deleteButton{
  float: right;
  cursor: pointer !important;
  width: 16px;
  height: 16px;
}

.editAnnotationButton {
  float:    right;
  cursor:   pointer;
  padding:  2px 3px 4px 3px;
}
.deleteButton:hover,
.editAnnotationButton:hover {
  opacity: 0.8;
}

.deleteButtonImg{
  padding-top: 3px;
  width: 100%;
  height: 100%;
}

.contentDiv{
  padding: 3px 3px 3px 8px;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* to fix horizontal bar in ie 11, it is required to work with word-wrap: break-word*/
  white-space: pre-wrap;
  
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  cursor: auto !important;
  background: white;
}

.darkTheme .contentDiv {
  background: hsl(215,19%,27%);
}

.darkBlueTheme .contentDiv {
  background: hsl(200,53%,20%);
}

.annotationUserEmail{
  margin-top: 7px;
  font-size:  9px;
}

.annotationTitle{
  margin-left: 4px;
  font-weight: bold;
  margin-top: 2px;
  display: table;
  width: 100%;
}

.annotationContent{
  margin-left: 4px;
  margin-top: 2px;
  padding-bottom: 8px;
  height: 100%;
}

.timePointerPlus{
  padding-left: 4px;
  font-weight: bold;
  top: -5px;
  content: "+";
  position: absolute;
  cursor: default;
}

.moreAnnotationIndication{
  color:  hsl(199,18%,40%);
  white-space:  normal;
  background: hsl(213,5%,95%);
  padding:  6px;
  text-align: center;
  cursor: text;
}

.darkTheme .moreAnnotationIndication {
  background: hsl(215, 17%, 34%);
  color: white;
}

.darkBlueTheme .moreAnnotationIndication {
  background: hsl(200, 46%, 26%);
  color: white;
}

.moreAnnotationIndication{
  color:  hsl(199,18%,40%);
  white-space:  normal;
  background: hsl(213,5%,95%);
  padding:  6px;
  text-align: center;
  cursor: text;
}

.widgetLoadingOverlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
  background-color: #FFFFFF;
  transition: opacity .5s ease-in;
  -moz-transition: opacity .5s ease-in;
  -webkit-transition: opacity .5s ease-in;
}

.darkTheme .widgetLoadingOverlay {
  background-color: hsla(213, 5%, 12%, .95);
}

.darkBlueTheme .widgetLoadingOverlay {
  background-color: hsla(200, 75%, 18%, .95);
}

.svgContainer {
  height: 50%; 
  width: 30%; 
  position: absolute; 
  margin: auto; 
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

div.IESpinnerContainer
{
  width: 100%;
  height: 100%;
  position: relative;
}

img.IESpinner{
  top: 2px;
  left: 0;
  position: absolute;
}

.darkTheme #dashboard_comparison_header {
  background: hsl(213, 2%, 15%);
  border-color: hsla(200, 100%, 1%, .2);
}

.darkBlueTheme #dashboard_comparison_header {
  background: hsl(200, 75%, 25%);
  border-color: hsla(200, 100%, 1%, .2);
}

#dashboard_comparison_title {
  font-size: 18px;
  color: hsla(210, 82%, 49%, 1);
  display: inline-block;
}

.darkTheme #dashboard_comparison_title {
  color: rgb(165, 166, 167);
}

.darkBlueTheme #dashboard_comparison_title {
  color: rgb(167, 199, 215);
}

#dashboard_comparison_header > div {
  margin: 8px 8px 8px 16px;
}

/* right side */
#dashboard_comparison_header:last-child {
  position: absolute;
  right: 0px;
}

#dashboard_comparison_body {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(100vh - 75px);
}

.compareTo_uiBtn {
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  background: #3B9FFF;
  color: #fff;
  padding: 5px 10px 5px 10px;
  border-radius: 5px;
  margin-left: 10px;
}

.darkTheme .compareTo_uiBtn {
  background: hsl(213, 3%, 30%);
}

.darkBlueTheme .compareTo_uiBtn {
  background: hsl(200, 100%, 40%);
}

.compareTo_cellRow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  flex-direction: row;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}

.compareTo_dropCell {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  transition: all 0.5s ease;
  transform: translateZ(0);
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 10px;
  background-color: rgba(0,0,0,.2);
}