html, body {
 height: 100%;
}

body {
 padding:         0;
 font-size:       10px;
 color:           #525a66;
 text-rendering:  geometricPrecision;
}

p{
 margin-top: 0;
 margin-bottom: 1.5em;
}

h1, h2, h3, h4, h5 {
 font-weight: bold;
 color: #ffffff;
 clear: both;
}

.xb1top {background-image:url(../img/shadowDot_o2.png);} /*  <----- Must come before the Tab Color */

.widgetContainer1 {position: relative;}/*z-index:5;}*/
.widgetContainer1 .xb1top, .widgetContainer1 .xb2top, .widgetContainer1 .xb3top, .widgetContainer1 .xb4top, .widgetContainer1 .xb5top {background-color:#264880;} /*  <----- Tab Color of Widget Sample 1 */

.widgetContainer1 .xtopHeaderContent h3 {margin: 5px 0 0 10px; font-size: 12px; color: #fff;}

.widgetContainer2 {position: relative;}
.widgetContainer2 .xb1top, .widgetContainer2 .xb2top, .widgetContainer2 .xb3top, .widgetContainer2 .xb4top, .widgetContainer2 .xb5top {background-color:#f2f2f2;} /*  <----- Tab Color of Widget Sample 2 */

.widgetContainer2 .xtopHeaderContent h3 {margin: 5px 0 0 10px; font-size: 12px; color: #333;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}

.xtopHeaderContent {position: absolute; display:block; background:transparent; height: 24px; width: 100%;}

.xtopHeaderGradient {position: absolute; display:block; background:transparent; height: 24px; width: 100%;}
.xtopHeaderGradientMiddle {background-image:url(../img/wTitleGradient_fill.png); background-repeat: repeat-x; height: 24px; width:100%;}

.xboxContentContainer {display:block; background-image:url(../img/shadowDot_o2.png); position: relative;}
.xboxContentContainerNoChrome {display:block; position: relative;}

.xb1top, .xb2top, .xb3top, .xb4top, .xb5top {display:block; overflow:hidden;}
.xb1top, .xb2top, .xb3top {height:1px;}
.xb1top {margin:0 5px;}
.xb2top {margin:0 3px;}
.xb3top {margin:0 2px;}
.xb4top {height:2px; margin:0 1px;}
.xb5top {height:19px;}

.xb0, .xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb0, .xb1, .xb2, .xb3 {height:1px;}

/*
Do not change the background color on the next three lines simply to change the bottom
colors for a specific widget.  This affects all widgets.  The current default is to use
the standard gradient which fades from gray on top to white on the bottom.  Therefore,
the standard fill here is white.  If you need to change the bottom few pixels of a 
particular widget, then add a getBackgroundColor() function to the widgetLogic of the
widget, as is done in the Result Details widget.
*/
.xb2Fill {display:block; background-color:white; margin: 0 2px; height: 1px;}
.xb3Fill {display:block; background-color:white; margin: 0 1px; height: 1px;}
.xb4Fill {display:block; background-color:white; margin: 0 1px; height: 2px;}


.xb0 {margin:0 6px; background-image:url(../img/shadowDot_o2.png); background-repeat: repeat-x;}
.xb1 {margin:0 5px; background-image:url(../img/shadowDot_o3.png); background-repeat: repeat-x;}
.xb2 {margin:0 3px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxContent {display:block; }


/* Dashboard background COLOUR and IMAGE. On separate elements for maximum flexibility */
.dashboardBackground {
  width:        100%;
  height:       100%;
  position:     absolute;
  color:        transparent;
  display:      table-cell;
}
.dashboardBackground.color {
  z-index:      0;
}
.dashboardBackground.image {
  z-index:      1;
}

#dashboard_body_cellx {
  position:     static;
  z-index:      4;
  float:        right;
}



/* ============== Landing Pad Labels =============== */
.dashboard_landing_pad_label {
  width:            100%;
  height:           1.3em;
    
  font-size:        22px;
  color:            hsla(213, 10%, 30%, 0.5);
  text-align:       center;
  padding:          0px;
  
  position:         absolute;
  top:              0px;
  bottom:           0px;
  margin:           auto;
  
  float:            right;
}
.layout_cell_landing_pad[active=yes] .dashboard_landing_pad_label {
  color:            hsla(213, 20%, 20%, 0.9);
}
.darkTheme .dashboard_landing_pad_label {
  color:            hsl(213, 5%, 50%);
  text-shadow:      0 0 6px hsla(213, 60%, 65%, .3), 0 0 12px hsla(213, 60%, 40%, .7);
}
.darkBlueTheme .dashboard_landing_pad_label {
  color:            hsl(200, 5%, 50%);
  text-shadow:      0 0 6px hsla(200, 60%, 65%, .3), 0 0 12px hsla(200, 60%, 40%, .7);
}

.darkTheme .layout_cell_landing_pad[active=yes] .dashboard_landing_pad_label {
  color:            hsl(213, 5%, 85%);
  text-shadow:      0 0 4px hsla(213, 60%, 65%, .5), 0 0 12px hsla(213, 60%, 40%, 1);
}
.darkBlueTheme .layout_cell_landing_pad[active=yes] .dashboard_landing_pad_label {
  color:            hsl(200, 5%, 85%);
  text-shadow:      0 0 4px hsla(200, 60%, 65%, .5), 0 0 12px hsla(200, 60%, 40%, 1);
}

/* ============== Dashboard Container Landing Pad Labels =============== */
.dashboard_container_landing_pad_label {
  width:            0px;
  height:           0px;
    
  font-size:        18px;
  color:            hsla(213, 50%, 25%, 0.7);
  text-align:       center;
  padding:          0px;
  
  position:         absolute;
  top:              .2em;
  bottom:           0px;
  
  margin:           auto;
  
  opacity:          0;
  
  display:          block;
}
.widget_drop_marker_cont.insertAbove .dashboard_container_landing_pad_label,
.layout_cell_landing_pad[active=yes] .dashboard_container_landing_pad_label {
  width:            100%;
  height:           1.3em;
  opacity:          1;
  transition:       opacity 100ms ease-in 50ms ;
}

.darkTheme .dashboard_container_landing_pad_label {
  color:            hsl(213, 0%, 50%);
  text-shadow:      0 0 6px hsla(213, 60%, 65%, .3), 0 0 12px hsla(213, 60%, 40%, .7);
}
.darkBlueTheme .dashboard_container_landing_pad_label {
  color:            hsl(200, 0%, 50%);
  text-shadow:      0 0 6px hsla(200, 60%, 65%, .3), 0 0 12px hsla(200, 60%, 40%, .7);
}

.darkTheme .layout_cell_landing_pad[active=yes] .dashboard_container_landing_pad_label {
  color:            hsl(213, 5%, 85%);
  text-shadow:      0 0 4px hsla(213, 60%, 65%, .5), 0 0 12px hsla(213, 60%, 40%, 1);
}
.darkBlueTheme .layout_cell_landing_pad[active=yes] .dashboard_container_landing_pad_label {
  color:            hsl(200, 5%, 85%);
  text-shadow:      0 0 4px hsla(200, 60%, 65%, .5), 0 0 12px hsla(200, 60%, 40%, 1);
}


/*
New CSS-only widgets
*/
.widgetContainer {
  position:               relative;
  
  border-radius:          5px;
  border:                 1px solid rgba(0,0,0,.2);
  
  background-color:       white;
  z-index:                0;
}
.widgetContainer.noBordersAndBackground {
  border:                 0px solid transparent;
  box-shadow:             none;
}

/* Blue gradient selection border for widgets */
.widgetContainer.selected_widgetContainer::after {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0px 0px 2px 2px hsla(213, 100%, 63%, 1), inset 0px 0px 64px 8px hsla(213, 100%, 63%, 0.15);
  pointer-events: none;
  border-radius: 5px;
}

/*  Temporary fix for Chrome in retina mode: 1px vertical borders disappear. Case: 85067 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
 .widgetContainer {
    -webkit-transform: translate3d(0px,0px,0px);
 }
}

.darkTheme .widgetContainer {
  border:                 0px solid transparent;
  background-color:       transparent;
  box-shadow:             none;
}
.darkBlueTheme .widgetContainer {
  border:                 0px solid transparent;
  background-color:       transparent;
  box-shadow:             none;
}



.darkTheme .widgetCell .widgetContainer,
.darkBlueTheme .widgetCell .widgetContainer {
  box-shadow:             none;
}
.widgetCell .widgetContainer {
  border-width:           0px;
}
.darkTheme .widgetCell:hover  .widgetContainer.show_wow_outline,
.darkBlueTheme .widgetCell:hover  .widgetContainer.show_wow_outline {
  box-shadow:             0 0 22px hsla(213,50%,50%,.1), 0 0 130px hsla(213,50%,50%,.1) !important;
  transition:             box-shadow 250ms ease-in-out;
}
.darkBlueTheme .widgetCell:hover  .widgetContainer.show_wow_outline {
  box-shadow:             0 0 4px hsla(200,75%,60%,.6), 0 0 22px hsla(200,75%,60%,.4), 0 0 130px hsla(200,75%,60%,.4) !important;
}


.widgetCell:hover .widgetContainer.show_wow_outline {
  background:             hsla(213,3%,40%,.075) !important;
  transition:             background 200ms ease-in-out;
}

.widgetContainer.NoTitleBar {
    position:             relative;
}

.selected_widgetContainer {
    z-index:             1;
}

/* ============ Widget TitleBar ========== */
.widgetContainer .widgetTitleContainer {
  position:               relative;
  height:                 29px;
  border-bottom:          1px solid hsl(213, 7%, 89%);
  background-color:       hsl(213,0%,100%);
}
.widgetContainer.noBordersAndBackground .widgetTitleContainer {
  border-width:           0px;
}

.widgetContainer .widgetTitleContainer,
.widgetContainer .widgetTitleContainer > table {
  border-radius:      5px 5px 0 0;
}
.widgetContainer.noBordersAndBackground .widgetTitleContainer,
.widgetContainer.noBordersAndBackground .widgetTitleContainer > table {
  height:             29px;
  border-radius:      5px;
  border-bottom:      none;
}


.darkTheme .widgetContainer .widgetTitleContainer,
.darkBlueTheme .widgetContainer .widgetTitleContainer {
  border-color:           hsla(0, 100%, 50%, 0);
}
.darkTheme .widgetContainer .widgetTitleContainer {
  background-color:       hsl(213, 5%, 10%);
}
.darkBlueTheme .widgetContainer .widgetTitleContainer {
  background-color:       hsl(200, 75%, 28%);
}


  
.widgetCell .widgetTitleContainer {
  border-width:           1px;
  border-style:           solid;
  border-color:           hsla(213,10%,0%,.6) hsla(213,10%,0%,.7) hsla(213,10%,0%,0) hsla(213,10%,0%,.6);
  opacity:                0;
  transition:             opacity 300ms ease-out 300ms;
}
.darkTheme .widgetCell .widgetTitleContainer {
  background-color:       hsla(213,5%,15%,.95);
}
.darkBlueTheme .widgetCell .widgetTitleContainer {
  background-color:       hsla(200,50%,25%,.95);
}
.widgetCell:hover .widgetTitleContainer,
.widgetCell.always_show_wow_title_bar .widgetTitleContainer,
.properties_panel_open .widgetCell .widgetTitleContainer {
  opacity:                1;
  transition:             opacity 200ms ease-in 200ms;
}
.darkTheme .widgetCell:hover .show_wow_outline .widgetTitleContainer,
.darkBlueTheme .widgetCell:hover .show_wow_outline .widgetTitleContainer {
  border-color:           hsla(213,50%,50%,.3) hsla(213,50%,50%,.3) hsla(213,50%,50%,0) hsla(213,50%,50%,.3) !important;
  transition:             border-color 200ms ease-in-out;
}
.darkBlueTheme .widgetCell:hover .show_wow_outline .widgetTitleContainer {
  border-color:           hsla(200,50%,55%,.3) hsla(200,50%,55%,.3) hsla(200,50%,55%,0) hsla(200,50%,55%,.3) !important;
}

.widgetTitleContainer.trailingBgColor table,
.widgetTitleContainer.trailingBgColor tbody,
.widgetTitleContainer.trailingBgColor tr,
.widgetTitleContainer.trailingBgColor td,
.widgetTitleContainer.trailingBgColor span,
.widgetTitleContainer.trailingBgColor div{
  background-color: inherit;
}

/* ==== Widget TitleBar Text ==== */
.widgetTitleText {
  font-family:            LatoWebMedium, sans-serif;
  font-size:              16px;
  color:                  #29343c;
  line-height:            24px;
  cursor:                 move;
}
.widgetTitleText span {
  height:                 1.3em;
  line-height:            1.3em;
}

.darkTheme .widgetTitleText {
  color:                  hsl(213,5%,52%);
}
.darkBlueTheme .widgetTitleText {
  color:                  hsl(200,50%,52%);
}

.darkTheme .widgetTitleText span {
  color:                  hsl(213,5%,55%);
}
.darkBlueTheme .widgetTitleText span {
  color:                  hsl(200,50%,55%);
}

.darkTheme .widgetCell .widgetTitleText,
.darkTheme .widgetCell .widgetTitleText span {
  color:                  hsl(213,5%,62%);
}
.darkBlueTheme .widgetCell .widgetTitleText,
.darkBlueTheme .widgetCell .widgetTitleText span {
  color:                  hsl(200,50%,62%);
}



/* Widget Content Container */
.widgetCell div[id^='content_container_root_div_'] {
  border-radius:          5px;
  border-width:           1px;
  border-style:           solid;
  border-color:           hsla(213,10%,0%,.3) hsla(213,10%,0%,.4) hsla(213,10%,0%,.5) hsla(213,10%,0%,.3);
  overflow:               hidden;
  transition:             border-radius 300ms ease-out 300ms;
}
.darkTheme .widgetCell div[id^='content_container_root_div_'],
.darkBlueTheme .widgetCell div[id^='content_container_root_div_'] {
  border-width:           0px;
}
  
.widgetCell:hover div[id^='content_container_root_div_'],
.widgetCell.always_show_wow_title_bar div[id^='content_container_root_div_'],
.properties_panel_open .widgetCell div[id^='content_container_root_div_'] {
  border-radius:          0 0 5px 5px;
  transition:             border-radius 200ms ease-in 200ms;
}
.widgetCell .transparent div[id^='content_container_root_div_'] {
  border-color:           transparent;
  transition:             border-color 300ms ease-out 300ms;
}
.widgetCell:hover .transparent div[id^='content_container_root_div_'],
.widgetCell.always_show_wow_title_bar .transparent div[id^='content_container_root_div_'],
.properties_panel_open .widgetCell .transparent div[id^='content_container_root_div_'] {
  border-color:           hsla(213,10%,0%,.3) hsla(213,10%,0%,.4) hsla(213,10%,0%,.5) hsla(213,10%,0%,.3);
  transition:             border-color 200ms ease-in 200ms;
}



/* ================================ Widget Canvas Area ============================ */
/* NOTE : Defines background of Widget, Colour / Opacity */
.darkTheme .widgetContainer .xboxContent > div[id^=widget_canvas_row_],
.darkBlueTheme .widgetContainer .xboxContent > div[id^=widget_canvas_row_] {
  border-radius:          0 0 5px 5px;
  border-width:           1px;
  border-style:           solid;
}
.darkTheme .xboxContent > div[id^=widget_canvas_].dashboard_container_widget_canvas,
.darkTheme .widgetContainer .xboxContent > div[id^=widget_canvas_row_] {
  background:             hsla(213, 3%, 10%, .8);
  border-color:           hsl(213, 5%, 23%) hsl(213, 5%, 5%) hsl(213, 5%, 5%) hsl(213, 5%, 5%);
}
.darkBlueTheme .xboxContent > div[id^=widget_canvas_].dashboard_container_widget_canvas,
.darkBlueTheme .widgetContainer .xboxContent > div[id^=widget_canvas_row_] {
  background:             hsla(200, 50%, 20%, .8);
  border-color:           hsl(200, 50%, 18%) hsl(200, 50%, 24%) hsl(200, 50%, 24%) hsl(200, 50%, 24%);
}


/* ==== Implements "Show widget borders and background" setting, when OFF === */
.dashboard_container_widget.DBCnoBordersAndBackground,
.widgetContainer.noBordersAndBackground {
  background:             none;
  border-width:           0px;  
}

.dashboard_container_widget.DBCnoBordersAndBackground .xboxContent > div[id^=widget_canvas_row_].dashboard_container_widget_canvas,
.widgetContainer.noBordersAndBackground .xboxContent > div[id^=widget_canvas_row_] {
  background:             none;
  border-width:           0px;
}

.xxdarkTheme.widget_dragging .xboxContent > div[id^=widget_canvas_row_],
.xxwidget_selector_displayed ~ #dashboard_body_cell .darkTheme .xboxContent > div[id^=widget_canvas_row_] {
  overflow-y:             initial;
} 

.widgetCell .xboxContent > div[id^=widget_canvas_row_]{
  border-radius:          0 0 5px 5px;
  background:             hsla(213,0%,100%,.8);
}


.widgetCell .transparent .xboxContent > div[id^=widget_canvas_row_]{
  background:             transparent;
  transition:             background 300ms ease-out 300ms, border-color 300ms ease-out 300ms;
}
.darkTheme .widgetCell .transparent .xboxContent > div[id^=widget_canvas_row_],
.darkBlueTheme .widgetCell .transparent .xboxContent > div[id^=widget_canvas_row_] {
  border-color:           transparent;
  background:             transparent;
  transition:             background 300ms ease-out 300ms, border-color 300ms ease-out 300ms;
}
.widgetCell:hover .transparent .xboxContent > div[id^=widget_canvas_row_]{
  background:             hsla(213,40%,25%,.3);
  transition:             background 200ms ease-in 200ms;
}

.darkTheme .widgetCell:hover .transparent .xboxContent > div[id^=widget_canvas_row_],
.darkBlueTheme .widgetCell:hover .transparent .xboxContent > div[id^=widget_canvas_row_] {
  transition:             background 200ms ease-in 200ms, border-color 200ms ease-in 200ms;
}
.darkTheme .widgetCell:hover .transparent .xboxContent > div[id^=widget_canvas_row_] {
  background:             hsla(213,5%,14%,.85);
}
.darkBlueTheme .widgetCell:hover .transparent .xboxContent > div[id^=widget_canvas_row_] {
  background:             hsla(200,5%,14%,.85);
}


/* ================================= WOW Widget Canvas Row ================================ */
/* NOTE : Defines background of WOW Widget, Colour / Opacity */
.darkTheme .widgetCell .xboxContent > div[id^=widget_canvas_row_] {
  border-color:           hsla(213,5%,0%, 0);
  background:             hsla(213,5%,14%, 0);
}
.darkBlueTheme .widgetCell .xboxContent > div[id^=widget_canvas_row_] {
  border-color:           hsla(200,5%,0%, .8);
  background:             hsla(200,5%,14%, .9);
}

.darkTheme .widgetCell:hover .xboxContent > div[id^=widget_canvas_row_]{
  border-color:           hsla(213,5%,9%,.6) hsla(213,10%,0%,.7) hsla(213,10%,0%,.7) hsla(213,10%,0%,.7);
}
.darkBlueTheme .widgetCell:hover .xboxContent > div[id^=widget_canvas_row_]{
  border-color:           hsla(200,5%,9%,.6) hsla(200,10%,0%,.7) hsla(200,10%,0%,.7) hsla(200,10%,0%,.7);
}

.darkTheme .widgetCell:hover .show_wow_outline .xboxContent > div[id^=widget_canvas_row_],
.darkBlueTheme .widgetCell:hover .show_wow_outline .xboxContent > div[id^=widget_canvas_row_] {
  transition:             border-color 200ms ease-in-out;
}
.darkTheme .widgetCell:hover .show_wow_outline .xboxContent > div[id^=widget_canvas_row_]{
  border-color:           hsla(213,50%,50%,0) hsla(213,50%,50%,.3) hsla(213,50%,50%,.3) hsla(213,50%,50%,.3) !important;
}
.darkBlueTheme .widgetCell:hover .show_wow_outline .xboxContent > div[id^=widget_canvas_row_]{
  border-color:           hsla(200,50%,50%,0) hsla(200,50%,50%,.3) hsla(200,50%,50%,.3) hsla(200,50%,50%,.3) !important;
}



.fundamentals_collections_rate_entry_block
{
  background-color:#d9d9d9;
  border-radius:5px;
  padding:10px;
  margin-bottom:10px;
}

.fundamentals_collections_rate_surface_editable
{
  color:#0055fe;
  text-decoration:underline;
  cursor:pointer;
}

.fakelink:hover{
  text-decoration:underline;
}

.fakelink {
  cursor:pointer;
}

.wtt_topn_container {
  margin-left:-15px;
  white-space:nowrap;
}

.wtt_topn_select {
  max-width:120px;
}

.dashboard_widget_filter_toolbar {
  border-radius:          5px;
  border:                 1px solid rgba(0,0,0,.2); /* stroke */
  background-color:       #ffffff; /* layer fill content */
  padding:                3px 6px 3px 0px;
  margin:                 10px;
  text-align:             left;
  
  transition:             background-color 500ms ease-out, border-color 500ms ease-out, padding 200ms ease-out;
}
@media only screen and (max-width : 680px){
  
  .tileMode .dashboard_widget_filter_toolbar {
    border-color:         rgba(0,0,0,0);
    background-color:     transparent;
    padding:              0px;
    margin:               4px 0px 6px 0px;
    text-align:           center;
    
    transition:           background-color 0ms ease, border-color 0ms ease;
  }
}

.dashboard_widget_filter_toolbar .dashboard_filterbar_container {
  padding:                0 0 0 4px !important;
  margin:                 0;
  white-space:            nowrap;
}
.dashboard_widget_filter_toolbar .dashboard_filterbar_container[filter_attribute="Date/Time"] {
  position:               relative;
}

.dashboard_filter_subfilter_warning {
 display:none;
 margin-bottom:10px;
}

.dashboard_filter_subfilter_list {
 padding-left:20px;
}

@media only screen and (max-width : 1250px){
  
  .tileMode .dashboard_widget_filter_toolbar .dashboard_filterbar_container {
  }
}

@media only screen and (max-width : 1250px){
  
  .tileMode .dashboard_widget_filter_toolbar > span:first-child {
    padding-left:         6px !important;
  }
}
@media only screen and (max-width : 680px){
  
  .tileMode .dashboard_widget_filter_toolbar > span:first-child {
    padding-left:         0px !important;
  }
}

.filter_label_show_inline {
  display: inline-block !important;
  line-height: 18px;
  color: hsl(213, 11%, 36%) !important;
}

.filter_label_span {
  vertical-align:       middle;
  text-align:           left;
  padding-left:         7px;
  padding-bottom:       1px;
}
@media only screen and (max-width : 1250px){
  
  .tileMode .dashboard_widget_filter_toolbar .filter_label_span {
    max-width:            85px;
    font-size:            10px;
    padding-left:         4px;
    padding-bottom:       1px;
    overflow:             hidden;
    white-space:          nowrap;
    text-overflow:        ellipsis;
  }
}
@media only screen and (max-width : 680px){
  
  .tileMode .dashboard_widget_filter_toolbar .filter_label_span {
    max-width:            58px;
    font-size:            9px;
    padding-left:         2px;
    padding-bottom:       1px;
    overflow:             hidden;
    white-space:          nowrap;
    text-overflow:        ellipsis;
  }
  .tileMode .darkTheme .dashboard_widget_filter_toolbar .filter_label_span {
    color:                hsl(213,5%,65%);
    text-shadow:          0 0 4px hsl(213, 10%, 2%);
  }
  .tileMode .darkBlueTheme .dashboard_widget_filter_toolbar .filter_label_span {
    color:                hsl(200,5%,65%);
    text-shadow:          0 0 4px hsl(200, 10%, 2%);
  }
}

.darkTheme .filter_label_span {
  color:                hsl(213,5%,48%);
}
.darkBlueTheme .filter_label_span {
  color:                hsl(200,5%,48%);
}

.x2 .dashboard_widget_filter_toolbar .filter_label_span {
  font-size:            11px;
}
.x3 .dashboard_widget_filter_toolbar .filter_label_span {
  font-size:            12px;
  padding-bottom:       1px;
}

.darkTheme .dashboard_widget_filter_toolbar,
.darkBlueTheme .dashboard_widget_filter_toolbar {
  border:               1px solid black;
}
.darkTheme .dashboard_widget_filter_toolbar {
  background-color:     hsla(213,0%,0%,.3);
  -moz-box-shadow:      0 1px 0 hsla(213,3%,50%,.3); /* inner shadow */
  -webkit-box-shadow:   0 1px 0 hsla(213,3%,50%,.3); /* inner shadow */
  box-shadow:           0 1px 0 hsla(213,3%,50%,.3); /* inner shadow */
}
.darkBlueTheme .dashboard_widget_filter_toolbar {
  background-color:     hsla(200,0%,0%,.3);
  -moz-box-shadow:      0 1px 0 hsla(200,3%,50%,.3); /* inner shadow */
  -webkit-box-shadow:   0 1px 0 hsla(200,3%,50%,.3); /* inner shadow */
  box-shadow:           0 1px 0 hsla(200,3%,50%,.3); /* inner shadow */
}

@media only screen and (max-width : 680px){
  
  .tileMode .darkTheme .dashboard_widget_filter_toolbar,
  .tileMode .darkBlueTheme .dashboard_widget_filter_toolbar {
    background-color:     transparent;
    border-color:         transparent;
    box-shadow:           none;
  }
}

.dashboard_widget_filter_toolbar select {
  color:              hsl(205,19%,20%);
}
.darkTheme .dashboard_widget_filter_toolbar select {
  color:              hsl(213,12%,81%);
}
 .darkBlueTheme .dashboard_widget_filter_toolbar select {
  color:              hsl(200,12%,81%);
} 
  
  
.dashboard_widget_filter_toolbar_select {
  width:            118px;
  height:           18px;
  line-height:      16px;
    
  color:            #29343c;
}
@media only screen and (max-width : 1250px){
  
  .tileMode .dashboard_widget_filter_toolbar_select {
    width:            92px !important;
    height:           18px;
    line-height:      18px;
  }
  
  .tileMode .dashboard_widget_filter_toolbar_select_nowidth {
    width:            92px;
    min-width:        initial;
    
    font-size:        12px;
    height:           18px;
    line-height:      18px;
  }
}
@media only screen and (max-width : 680px){
  
  .tileMode .dashboard_widget_filter_toolbar_select {
    width:            58px !important;
    height:           18px;
    line-height:      18px;
  }
  
  .tileMode .dashboard_widget_filter_toolbar_select_nowidth {
    width:            58px;
    min-width:        initial;
    
    font-size:        11px;
    height:           18px;
    line-height:      18px;
  }
}


.dashboard_widget_filter_toolbar_select_nowidth {
  height:           18px;
  line-height:      16px;
    
  color:            #29343c;
}

.x3 .dashboard_widget_filter_toolbar_select,
.x3 .dashboard_widget_filter_toolbar_select_nowidth {
  font-size:        18px;
  height:           26px;
  line-height:      26px;
}
.x3 .dashboard_widget_filter_toolbar_select {
  width:            135px;
}
 
  
.dashboard_widget_filter_toolbar_widget_select {
  width:            118px;
  height:           16px;
  line-height:      16px;
}

.xS .dashboard_widget_filter_toolbar_widget_select {
  height:           16px;
  line-height:      16px;
  font-size:        12px;
}
.xM .dashboard_widget_filter_toolbar_widget_select {
  height:           18px;
  line-height:      18px;
  font-size:        13px;
}
.xL .dashboard_widget_filter_toolbar_widget_select {
  height:           26px;
  line-height:      26px;
  font-size:        15px;
}


.dashboard_widget_filter_toolbar_widget_select_nowidth {
  color:            #29343c;
  font-size:        12px;
  height:           16px;
  line-height:      16px;
  min-width:        initial;
}

#dashboard_filter_criteria_table tr td {
  padding-bottom:       2px;
}


/* ============== Dashboard Inputs ============== */


.dashboard_body.x3 select,
.dashboard_body.x3 input:not([type="radio"]):not([type="checkbox"]),
.dashboard_body.x3 input[type="text"],
.dashboard_body.x3 input[type="password"],
.dashboard_body.x3 input[type="datetime"],
.dashboard_body.x3 input[type="datetime-local"],
.dashboard_body.x3 input[type="date"],
.dashboard_body.x3 input[type="month"],
.dashboard_body.x3 input[type="time"],
.dashboard_body.x3 input[type="week"],
.dashboard_body.x3 input[type="number"],
.dashboard_body.x3 input[type="email"],
.dashboard_body.x3 input[type="url"],
.dashboard_body.x3 input[type="search"],
.dashboard_body.x3 input[type="tel"],
.dashboard_body.x3 input[type="color"],
.dashboard_body.x3 .uneditable-input
{
  height:                   28px !important;
  padding-left:             8px;
  font-size:                18px !important;
  line-height:              28px !important;
  border-radius: 5px;
}


#widgetselection_panel_containerx {
  position:                 relative;
  z-index:                  6;
}

.dashboard_widget_filter_lower_panel_select {
  height:                   16px;
  font-size:                11px;
  line-height:              16px;
}


.dashboard_widget_filter_lower_panel_select.variable
{
  width:                    100%;
}

.dashboard_widget_filter_lower_panel_select.fixed
{
  width:                    175px;
}

.widget_filter_toolbar {
  text-align:                 left;
  box-sizing:                 border-box;
  padding-left:               4px;
}  
.darkTheme .widget_filter_toolbar,
.darkBlueTheme .widget_filter_toolbar {
  background-color:           transparent;
}

.widget_filter_toolbar .filter_label_span {
  padding-bottom:             1px;
}
.xS .widget_filter_toolbar .filter_label_span {
  padding-bottom:             1px;
}
.xM .widget_filter_toolbar .filter_label_span {
  font-size:                  11px;
  padding-bottom:             2px;
}
.xL .widget_filter_toolbar .filter_label_span {
  font-size:                  12px;
  padding-bottom:             2px;
}



  
.widget_filter_toolbar .selectWrapper {
  box-sizing:                 border-box;
  width:                      145px !important;
  height:                     18px !important;
  position:                   relative;
}
.xM .widget_filter_toolbar .selectWrapper {
  width:                      175px !important;
  height:                     21px !important;
}
.xL .widget_filter_toolbar .selectWrapper {
  width:                      165px !important;
  height:                     26px !important;
}

.dashboard_body div.selectWrapper,
#dashboard_properties_panel_container .selectWrapper {
  width:                      177px !important;
  height:                     18px !important;
  box-sizing:                 border-box;
  position:                   relative;
  border-width:               0px;
  line-height:                16px;
}
#dashboard_properties_panel_container .selectWrapper {
  height:                     18px !important;
  margin-bottom:              -2px;
  border-radius: 5px;
}
@-moz-document url-prefix() {
  #dashboard_properties_panel_container .selectWrapper {
    margin-bottom:             -2px;
  }
}


.dashboard_body .dashboard_widget_filter_toolbar div.selectWrapper {
  width:                      145px !important;
  height:                     24px !important;
  line-height:                16px;
  margin-left:                4px;
}
.dashboard_body.xS .dashboard_widget_filter_toolbar div.selectWrapper {
  width:                      135px !important;
  height:                     22px !important;
  line-height:                16px;
  margin-left:                4px;
}
.dashboard_body.xM .dashboard_widget_filter_toolbar div.selectWrapper {
  width:                      145px !important;
  height:                     23px !important;
  line-height:                16px;
  margin-left:                5px;
}
.dashboard_body.xL .dashboard_widget_filter_toolbar div.selectWrapper {
  width:                      185px !important;
  height:                     37px !important;
  line-height:                16px;
  margin-left:                10px;
  border-radius: 5px;
}





div.selectWrapper select {
  cursor:                      pointer;  
}

#dashboard_properties_panel_container .selectWrapper select {
/*  width:                       100% !important; */
  width:                       197px !important;
  height:                      100% !important;
  
  color:                       hsl(205, 19%, 20%);
  text-shadow:                 0 1px 0 white;
  line-height:                 16px;
  padding-left:                7px;
  
  border-radius: 5px;
}
@-moz-document url-prefix() {
  #dashboard_properties_panel_container .selectWrapper select {
    padding-left:                3px;
  }
}

  
.dashboard_body .dashboard_widget_filter_toolbar .selectWrapper select {
  /*  width:                      100% !important; */
  width:                      162px !important;
  height:                     100% !important;
  
  text-shadow:                0 1px 0 white;
  
  padding-left:               5px;
}
.dashboard_body.xS .dashboard_widget_filter_toolbar .selectWrapper select {
  padding-left:               5px;
}
.dashboard_body.xM .dashboard_widget_filter_toolbar .selectWrapper select {
  padding-left:               7px;
}
.dashboard_body.xL .dashboard_widget_filter_toolbar .selectWrapper select {
  width:                      202px !important;
  
  border-width:               2px;
  border-radius: 5px;
  padding-left:               11px;
}
.dashboard_body.darkTheme .selectWrapper select,
.dashboard_body.darkBlueTheme .selectWrapper select {
  text-shadow:                0 1px 0 black;
}

  
  
/* === IE10/11 Specific Adjustments === */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .dashboard_body .dashboard_widget_filter_toolbar .selectWrapper select {
    padding-top:               3px;
  }
}


.dashboard_body select.styledSelect ~ i.soastaArrow,
#dashboard_properties_panel_container select.styledSelect ~ i.soastaArrow,
.dashboard_body .dashboard_widget_filter_toolbar select.styledSelect ~ i.soastaArrow {
  /* width:                18px; */
  width:                20px;
  height:               100%;
  
  box-sizing:           border-box;
  
  position:             absolute;
  /* right:                auto !important; */
  right:                0px !important;
  top:                  0px !important;  

  background-image:     none;
   
  /* border-radius:        0 4px 4px 0; */
  border-radius:        0 5px 5px 0;
  
  /* border-width:         0px; */
  border-width:         1px;
  border-left-width:    1px;
  border-style:         solid;
  border-color:         hsl(211,17%,76%);
  
  pointer-events:       none;
  margin-left:          -20px;
  
  display:              inline-block;
  z-index:              3;
  opacity:              1;
}

.dashboard_body .dashboard_widget_filter_toolbar select.styledSelect ~ i.soastaArrow {
  width:                19px;
  margin-left:          -20px;
}
.dashboard_body.xS .dashboard_widget_filter_toolbar select.styledSelect ~ i.soastaArrow {
  width:                19px;
  margin-left:          -20px;
}
.dashboard_body.xM .dashboard_widget_filter_toolbar select.styledSelect ~ i.soastaArrow {
  width:                22px;
  margin-left:          -23px;
}
.dashboard_body.xL .dashboard_widget_filter_toolbar select.styledSelect ~ i.soastaArrow {
  width:                24px;
  
  background-size:      26px 33px;
  background-position:  0px 1px;
    
  margin-left:          -30px;
  border-width:         0 0 0 2px;
}

.dashboard_body.darkTheme select.styledSelect ~ i.soastaArrow {
  border-color:         hsl(213, 5%, 23%);
}
.dashboard_body.darkBlueTheme select.styledSelect ~ i.soastaArrow {
  border-color:         hsl(200, 5%, 23%);
}
  
.dashboard_body select.styledSelect ~ i.soastaArrow:after,
#dashboard_properties_panel_container select.styledSelect ~ i.soastaArrow:after,
.dashboard_body .dashboard_widget_filter_toolbar select.styledSelect ~ i.soastaArrow:after {
  width:                24px;
  height:               24px;
  
  box-sizing:           border-box;
  
  content:              "";
  font-size:            0;
  
  background:           none;
  background-color:     rgba(255,255,255,0);
  background-position:  0px 0px;
  background-repeat:    no-repeat;
  
  background-size:      12px;
  margin:               3px 0 0 3px;
  
  pointer-events:       none;
  box-shadow:           none;
  text-shadow:          none;
  
  display:              inline-block;
  float:                left;
  opacity:              1;
}

#dashboard_properties_panel_container select.styledSelect ~ i.soastaArrow:after {
  background-size:      10px;
  margin:               4px 0 0 4px;
}

.dashboard_body .dashboard_widget_filter_toolbar select.styledSelect ~ i.soastaArrow:after {
  background-size:      12px;
  margin:               6px 0 0 3px;
}
.dashboard_body.xS .dashboard_widget_filter_toolbar select.styledSelect ~ i.soastaArrow:after {
  background-size:      12px;
  margin:               5px 0 0 3px;
}
.dashboard_body.xM .dashboard_widget_filter_toolbar select.styledSelect ~ i.soastaArrow:after {
  background-size:      13px;
  margin:               5px 0 0 4px;
}
.dashboard_body.xL .dashboard_widget_filter_toolbar select.styledSelect ~ i.soastaArrow:after {
  background-size:      18px;
  margin:               9px 0 0 4px;
}


/* =================================== Cross Browser System SELECT  ================================== */
select:not(.styledSelect) {
  color:                      hsl(0,0%,20%);
  line-height:                100%;
    
  border-radius:              4px;
  border:                     1px solid hsl(0,0%,60%);
  border-color:               hsl(0,0%,75%) hsl(0,0%,70%) hsl(0,0%,70%) hsl(0,0%,75%);
      
  background-size:            auto 72%, 15px 100%, 100% 100%;
  background-position:        99% 58%, right center, 0px 0px;
  background-repeat:          no-repeat, no-repeat, no-repeat;
 
  box-shadow:                 0 0 3px hsla(213,40%,30%,.05), 0 1px 1px hsla(213,40%,30%,.2);
 
  cursor:                     pointer;
}
select:not(.styledSelect):active,
select:not(.styledSelect):hover,
select:not(.styledSelect):focus {
  color:                      hsl(0, 0%, 0%);
  border-color:               hsl(0, 0%, 60%) hsl(0, 0%, 50%) hsl(0, 0%, 50%) hsl(0, 0%, 60%);
}


.darkTheme select:not(.styledSelect) {
  color:                      hsl(213, 10%, 65%);
  border-color:               hsl(213, 5%, 23%);
    
  background-color:           black;
  background-size:            auto 72%, 15px 100%, 100% 100%;
  background-position:        99% 58%, right center, 0px 0px;
  background-repeat:          no-repeat, no-repeat, no-repeat;
}
.darkTheme select:not(.styledSelect):hover,
.darkTheme select:not(.styledSelect):active {
  color:                      hsl(213,2%,90%);
  
  background-color:           hsl(213,5%,12%);
  background-size:            auto 72%, 15px 100%, 100% 100%;
  background-position:        99% 58%, right center, 0px 0px;
  background-repeat:          no-repeat, no-repeat, no-repeat;
}

.darkBlueTheme select:not(.styledSelect) {
  color:                      hsl(200, 30%, 65%);
  background-color:           hsl(200, 75%, 28%);
  border-width:               0px!important; 
}
.darkBlueTheme select:not(.styledSelect):hover,
.darkBlueTheme select:not(.styledSelect):active {
  color:                      hsl(200, 20%, 95%);
  background-color:           hsl(200, 75%, 55%);
}





    
/* Mozilla ONLY SELECT styling */
@media screen and (min--moz-device-pixel-ratio:0)
{
  select
  { 
    -moz-appearance:            none;
    text-indent:                0.01px;
    text-overflow:              '';    
  }
  
  select:not(.styledSelect)
  {    
    padding:                    0px;
    background-position:        99.5% 58%, right center, 0px 0px;
  }
  
  .darkTheme select:not(.styledSelect):hover,
  .darkTheme select:not(.styledSelect):active
  { 
    box-shadow:                 0 0 2px hsla(213,35%,80%,.5), 0 0 8px hsla(200, 35%, 60%, 0.8);
  }
  
  .darkBlueTheme select:not(.styledSelect):hover,
  .darkBlueTheme select:not(.styledSelect):active
  { 
    box-shadow:                 0 0 2px hsla(200,80%,80%,.2), 0 0 8px hsla(200,80%,40%,.6);
  }
}

/* Webkit ONLY SELECT styling */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
  select:not(.styledSelect)
  { 
    -webkit-appearance:         none;
    padding:                    0 22px 0px 4px;
    outline:                    none;
  }
  
  .darkTheme select:not(.styledSelect):hover,
  .darkTheme select:not(.styledSelect):active
  { 
    box-shadow:                 0 0 2px hsla(213,35%,80%,.5), 0 0 8px hsla(200, 35%, 60%, 0.8);
  }
  .darkBlueTheme select:not(.styledSelect):hover,
  .darkBlueTheme select:not(.styledSelect):active
  { 
    box-shadow:                 0 0 2px hsla(200,80%,80%,.2), 0 0 8px hsla(200,80%,40%,.6);
  }
}

/* IE ONLY SELECT styling */
@media screen and (-ms-high-contrast:none)
{
  select:not(.styledSelect)
  { 
    padding:                    0 22px 0px 4px;
  }
  
  .darkTheme select:not(.styledSelect):focus,
  .darkTheme select:not(.styledSelect):active,
  .darkBlueTheme select:not(.styledSelect):focus,
  .darkBlueTheme select:not(.styledSelect):active {
    color:                      hsl(0,0%,0%);
  }
  
  .darkTheme select:not(.styledSelect):hover,
  .darkTheme select:not(.styledSelect):active
  { 
    box-shadow:                 0 0 2px hsla(213,35%,80%,.5), 0 0 8px hsla(200, 35%, 60%, 0.8);
  }
  .darkBlueTheme select:not(.styledSelect):hover,
  .darkBlueTheme select:not(.styledSelect):active
  { 
    box-shadow:                 0 0 2px hsla(200,80%,80%,.2), 0 0 8px hsla(200,80%,40%,.6);
  }
}

select::-ms-expand {
    display: none;
}





/* ========= Multi-Combo Select ========= */
#multi_combo_box_skeleton.multi_combo_box_container div.selectWrapper {
  box-sizing:                 content-box;
  height:                     20px !important;
  margin-top:                 0;
  position:                   static;
  border-width:               1px;
}
#multi_combo_box_skeleton.multi_combo_box_container div.selectWrapper select {
  width:                      100% !important;
  height:                     18px !important;
   
  color:                      hsl(205, 19%, 20%);
  text-shadow:                none;
  line-height:                21px;
    
  padding-right:              0;
  border-width:               0px;
}

/* ========= Multi-Combo Box ========= */
.darkTheme .multi_combo_box_container {
  background:                 hsla(213, 5%, 14%, .95);

  border-color:               hsl(213, 2%, 36%);
  
  -moz-box-shadow:            0 0 12px hsl(213, 50%, 90%);
  -ms-box-shadow:             0 0 12px hsl(213, 50%, 90%);
  box-shadow:                 0 0 12px hsla(213, 80%, 80%,.1), 0 0 60px hsla(213, 80%, 50%,.3);
}
.darkBlueTheme .multi_combo_box_container {
  background:                 hsla(200, 75%, 22%, .95);

  border-color:               hsl(200, 30%, 48%);
  
  -moz-box-shadow:            0 0 8px hsla(200, 100%, 80%, .3), 0 0 40px hsla(200, 100%, 50%, .4);
  -ms-box-shadow:             0 0 8px hsla(200, 100%, 80%, .3), 0 0 40px hsla(200, 100%, 50%, .4);
  box-shadow:                 0 0 8px hsla(200, 100%, 80%, .3), 0 0 40px hsla(200, 100%, 50%, .4);
}

.darkTheme .multi_combo_list_div {
  background-color:         hsl(213, 3%, 10%);
  border-color:             hsl(213, 3%, 26%);
}
.darkBlueTheme .multi_combo_list_div {
  background-color:         hsl(200, 75%, 12%);
  border-color:             hsl(200, 50%, 38%);
}

.darkTheme .multi_combo_list_div .ListItemRow {
  color:                    hsl(213, 5%, 71%);
}
.darkBlueTheme .multi_combo_list_div .ListItemRow {
  color:                    hsl(200, 20%, 71%);
}

.darkTheme .multi_combo_list_div .ListItemRowSelected {
 color:                    hsl(213, 5%, 85%);
  background-color:         hsl(213, 10%, 30%);
}
.darkBlueTheme .multi_combo_list_div .ListItemRowSelected {
 color:                    hsl(200, 30%, 90%);
  background-color:         hsl(200, 75%, 22%);
}

.darkTheme .multi_combo_box_container input[multi_combo_add_btn=true] {
  background-color:         hsl(213, 5%, 10%);
  border-color:             hsl(213, 5%, 26%);
}
.darkBlueTheme .multi_combo_box_container input[multi_combo_add_btn=true] {
  background-color:         hsl(200, 30%, 10%);
  border-color:             hsl(200, 30%, 26%);
}


.widget_filter_toolbar .selectWrapper select {
  /* width:                       100% !important; */
  width:                       197px !important;
  height:                      18px !important;
  color:                       black;
  text-shadow:                 0 1px 0 white;
  padding-right:               4px;
  cursor:                      pointer;
}
.xM .widget_filter_toolbar .selectWrapper select {
  height:                     20px !important;
  line-height:                20px !important;
  font-size:                  13px !important;
  padding-left:               7px !important;
}
.xL .widget_filter_toolbar .selectWrapper select {
  height:                     22px !important;
  line-height:                22px !important;
  font-size:                  16px !important;
  padding-left:               10px !important;
}
.darkTheme .widget_filter_toolbar .selectWrapper select {
  color:                       hsl(213, 14%, 81%);
  text-shadow:                 0 1px 0 black;
}
.darkBlueTheme .widget_filter_toolbar .selectWrapper select {
  color:                       hsl(200, 14%, 81%);
  text-shadow:                 0 1px 0 black;
}



.dashboard_widget_filter_toolbar_container {
  margin:                   auto; 
  text-align:               center;
}


.dashboard_name_div {
  font-size:                18px;
  line-height:              42px;
  border-radius:            5px;
  border:                   1px solid rgba(0,0,0,.2);
  
  background-color:         white; 
  
  margin:                   10px 10px 0 10px;
  padding:                  3px 10px;
}  

.xL .dashboard_name_div {
  font-size:                25px;
  line-height:              52px;
  border-radius:            5px;
  
  margin:                   14px 0 0 14px;
  padding:                  4px 14px; 
}

[dashboard_container_widget=true] .dashboard_name_div,
.tileMode .dashboard_name_div {
  display:                none;
}


.dashboard_name_div span {
  color:                    hsl(205,19%,20%) !important;
  padding:                  0 .5em;
}
  
.darkTheme .dashboard_name_div {
  background-color:     hsla(213,0%,0%,.3);
  -moz-box-shadow:      0 1px 0 hsla(213,3%,50%,.3); /* inner shadow */
  -webkit-box-shadow:   0 1px 0 hsla(213,3%,50%,.3); /* inner shadow */
  box-shadow:           0 1px 0 hsla(213,3%,50%,.3); /* inner shadow */
  border:               1px solid black;
}
.darkBlueTheme .dashboard_name_div {
  background-color:     hsla(200,0%,0%,.3);
  -moz-box-shadow:      0 1px 0 hsla(200,3%,50%,.3); /* inner shadow */
  -webkit-box-shadow:   0 1px 0 hsla(200,3%,50%,.3); /* inner shadow */
  box-shadow:           0 1px 0 hsla(200,3%,50%,.3); /* inner shadow */
  border:               1px solid black;
}
.darkTheme .dashboard_name_div span {
  color:              hsl(213,5%,58%) !important;
}
.darkBlueTheme .dashboard_name_div span {
  color:              hsl(200,5%,58%) !important;
}




/* ============================================================
WOW Drag Icon
*/
div.wowDragIcon {
  width:              1.2vw;
  height:             1.2vw;
  
  position:           absolute;
  top:                -.7vw;
  right:              -.7vw;
  
  color:              white;
  
  border-radius:      300px;
  border:             .1rem solid white;
  background-image:   -webkit-linear-gradient(top, hsl(213,1%,60%), hsl(213,1%,10%));
  background-image:   -moz-linear-gradient(top, hsl(213,1%,60%), hsl(213,1%,10%));
  background-image:   -ms-linear-gradient(top, hsl(213,1%,60%), hsl(213,1%,10%));
  background-image:   linear-gradient(top, hsl(213,1%,60%), hsl(213,1%,10%));
  
  box-shadow:         .15rem .2rem .1rem hsla(213,60%,20%,.3);
  
  display:            block;
}


/*
Widget on Widget DRAG AND DROP cells CSS
*/
.wowCellsContainer {
  width:                  100%;
  height:                 100%;
  
  position:               absolute;
  top:                    0px;
  left:                   0px;
    
  border-radius:          0 0 5px 5px;
    
  display:                block;
  float:                  left;
  z-index:                500;
}



.wowCellsContainer [id^=widget_canvas_] {
  width:              33.33%;
  height:             33.33%;
  
  position:           absolute;
  top:                33.33%;
  left:               33.33%;
  
  background:         yellow;
  
  display:            block;
  float:              left;
}


.wowCellsContainer .wowCell {
  width:              33.5%;
  height:             33.5%;
  
  position:           absolute;
  
  opacity:            0;
  
  display:            block;
  float:              left;
}

.wowCellsContainer .wowCell.ALL {
    width:              100%;
    height:             100%;
    top:                0px;
    left:               0px;
}




.wowCellsContainer .wowCell .dropCell {
  width:                  100%;
  height:                 100%;
  
  border:                 2px solid hsla(213,60%,97%,.6);
  border-radius:          0px;
  
  background:             hsla(213,80%,25%,.6);
    
  display:                block;
}
.wowCellsContainer .wowCell .dropCell.hovering {
  border-color:           white;
  background-size:        200% auto;
  background-repeat:      no-repeat;
  background-position:    center center;
}




/*
Widget on Widget, Widget Cells CSS
*/
.widgetCell {
  width:              33.33%;
  height:             33.33%;
  
  position:           absolute;
  
  border-radius:      5px;
  border:             0px solid hsl(213,10%,50%);
  
  opacity:            1;
  
  display:            block;
  z-index:            100;
  
  box-shadow:         0px 0px 0px hsla(190,30%,35%,.3), 0px 0px 0px hsla(213,60%,30%,.3);
  
  transition:         opacity 200ms ease-in-out 200ms, box-shadow 200ms ease-in-out;
}
.darkBlueTheme .widgetCell {
  box-shadow:         0px 0px 0px hsla(200,75%,60%,.3), 0px 0px 0px hsla(200,75%,50%,.3);
}

.widgetCell.darkBackground {
  box-shadow:         0px 0px 0px hsla(213,100%,70%,0), 0px 0px 0px hsla(190,100%,80%,0);
  transition:         box-shadow 800ms ease-in-out;
}

.widgetCell.hidden {
  opacity:            0; 
  transition:         opacity 300ms ease-out 0ms;
}
.widgetCell.moving {
  box-shadow:         0px 0px 60px hsla(190,30%,35%,.3), 6px 11px 3px hsla(213,60%,30%,.3);
  transition:         box-shadow 100ms ease-in-out;
}

.widgetCell.darkBackground.moving,
.darkTheme .widgetCell.moving,
.darkBlueTheme .widgetCell.moving  {
  transition:         box-shadow 100ms ease-in;
}
.widgetCell.darkBackground.moving  {
  box-shadow:         0px 0px 80px hsla(213,100%,60%,.4), 0px 0px 20px hsla(190,100%,80%,.4);
}
.darkTheme .widgetCell.moving  {
  box-shadow:         0px 0px 80px hsla(213,100%,60%,.4), 0px 0px 20px hsla(190,100%,80%,.4);
}
.darkBlueTheme .widgetCell.moving  {
  box-shadow:         0px 0px 80px hsla(200,100%,60%,.4), 0px 0px 20px hsla(180,100%,80%,.4);
}

.widgetCell.moving.faded {
  opacity:            .25; 
  box-shadow:         0px 0px 120px hsla(190,30%,35%,.3), 12px 22px 8px hsla(213,60%,30%,.3);
  transition:         opacity 500ms ease-out 0ms, box-shadow 500ms ease-out;
}

.widgetCell.NW {
  top:                0px;
  left:               0px;
}
.widgetCell.N {
  top:                0px;
  left:               33.33%;
}
.widgetCell.NE {
  top:                0px;
  right:              0px;
}
.widgetCell.W {
  top:                33.33%;
  left:               0px;
}
.widgetCell.C {
  top:                33.33%;
  left:               33.33%;
}
.widgetCell.E {
  top:                33.33%;
  right:              0px;
}
.widgetCell.SW {
  bottom:             0px;
  left:               0px;
}
.widgetCell.S {
  bottom:             0px;
  left:               33.33%;
}
.widgetCell.SE {
  bottom:             0px;
  right:              0px;
}


/*
Widget on Widget Drag Reposition and Resize handles
*/
.wowDragHandle {
  position:           absolute;
  background:         hsla(213,60%,40%,.3);
  cursor:             crosshair;
  opacity:            0;
  display:            block;
  z-index:            500;
}

.wowDragHandle.T {
  width:              50%;
  height:             32px;
  top:                0px;
  left:               0px;
}
.wowDragHandle.T:hover {
  cursor:             move;
}
.wowDragHandle.T.selected {
  width:              100% !important;
  height:             300px;
  top:                -130px;
  left:               -0% !important;
}

.wowDragHandle.L {
  width:              40px;
  height:             88%;
  top:                12%;
  left:               0px;
}
.wowDragHandle.L:hover {
  cursor:             w-resize;
}
.wowDragHandle.L.selected {
  width:              400px;
  height:             100%;
  top:                0%;
  left:               -200px;
}

.wowDragHandle.R {
  width:              40px;
  height:             88%;
  top:                12%;
  left:               100%;
  margin:             0 0 0 -40px;
}
.wowDragHandle.R:hover {
  cursor:             e-resize;
}
.wowDragHandle.R.selected {
  width:              400px;
  height:             100%;
  top:                0%;
  left:               100%;
  margin:             0 0 0 -200px;
}

.wowDragHandle.B {
  width:              100%;
  height:             40px;
  top:                100%;
  left:               0%;
  margin:             -40px 0 0 0;
}
.wowDragHandle.B:hover {
  cursor:             s-resize;
}
.wowDragHandle.B.selected {
  width:              100%;
  height:             400px;
  top:                100%;
  left:               0%;
  margin:             -200px 0 0 0;
}

.wowDragHandle.BL {
  width:              40px;
  height:             40px;
  top:                100%;
  left:               0px;
  margin:             -40px 0 0 0;
  z-index:            505;
}
.wowDragHandle.BL:hover {
  cursor:             sw-resize;
}
.wowDragHandle.BL.selected {
  width:              400px;
  height:             400px;
  top:                100%;
  left:               0px;
  margin:             -220px 0 0 -180px;
}

.wowDragHandle.BR {
  width:              40px;
  height:             40px;
  top:                100%;
  left:               100%;
  margin:             -40px 0 0 -40px;
  z-index:            505;
}
.wowDragHandle.BR:hover {
  cursor:             se-resize;
}
.wowDragHandle.BR.selected {
  width:              400px;
  height:             400px;
  top:                100%;
  left:               100%;
  margin:             -220px 0 0 -220px;
}


/*
Widget on Widget Drag Risize Outline Window
*/
.widgetCellDragResizeOutline {
  box-sizing:         border-box;
  position:           absolute;
  border-radius:      5px;
  border:             1px solid hsl(213,60%,45%);
  background:         hsla(205,70%,60%,.2);
  display:            block;
  z-index:            0;
}
.widgetCellDragResizeOutline.verticalResizeMuted {
  border-bottom-color: hsl(180,100%,70%);
}
  
.cellWidgetDragEventHolder {
  width:              0px;
  height:             0px;
  position:           absolute;
  top:                0px;
  left:               0px;
  background:         red;
  display:            block;
}




/* ============================= WOW Tearoff Update / Replace/ Create Wow Dialogue ========================== */
.combine_or_update_dialogue_container {
  width:                100%;
  height:               100%;
  
  position:             absolute;
  top:                  0px;
  left:                 0px;
  
  background:           hsla(213,10%,0%,.3);
  
  display:              block;
  float:                left;
  z-index:              10130;
  
  opacity:              0;
  transition:           opacity 200ms ease-in-out;
}
.combine_or_update_dialogue_container.show {
  opacity:              1;
  transition:           opacity 150ms ease-in-out;
}

  
.combine_or_update_dialogue {
  height:               110px;
  
  box-sizing:           border-box;
  
  position:             absolute;
  top:                  0px;
  bottom:               0px;
  left:                 0px;
  right:                0px;
  
  margin:               auto;
  
  background:           -webkit-linear-gradient(top, hsla(213,5%,95%,.95) 0%, hsla(213,5%,80%,.95) 100%);
  background:           -moz-linear-gradient(top, hsla(213,5%,95%,.95) 0%, hsla(213,5%,80%,.95) 100%);
  background:           -ms-linear-gradient(top, hsla(213,5%,95%,.95) 0%, hsla(213,5%,80%,.95) 100%);
  background:           linear-gradient(top, hsla(213,5%,95%,.95) 0%, hsla(213,5%,80%,.95) 100%);
  
  border:               1px solid hsl(213,20%,45%);
  border-bottom-color:  hsl(213,20%,10%);
  border-right-color:   hsl(213,20%,15%);
  
  border-radius:        8px;
  
  box-shadow:           0 0 25px hsla(213,40%,10%,.2), 2px 7px 2px hsla(213,20%,10%,.2);
  
  display:              block;
  float:                left;
  
  opacity:              1;
  transition:           opacity 200ms ease-in-out;
}
.darkTheme .combine_or_update_dialogue {
  background:           -webkit-linear-gradient(top, hsla(213,0%,28%,.95) 0%, hsla(213,0%,10%,.95) 100%);
  border-color:         hsl(213,10%,5%);
  box-shadow:           0 0 15px hsla(213,40%,60%,.4), 0 0 64px hsla(213,40%,50%,.5);
}
.darkBlueTheme .combine_or_update_dialogue {
  background:           -webkit-linear-gradient(top, hsla(200,50%,28%,.95) 0%, hsla(200,50%,16%,.95) 100%);
  border-color:         hsl(200,50%,44%);
  box-shadow:           0 0 15px hsla(200,40%,60%,.3), 0 0 64px hsla(200,40%,50%,.5);
}

.combine_or_update_dialogue.show {
  opacity:              1;
  transition:           opacity 200ms ease-in-out;
}

.combine_or_update_dialogue[mode=wowOrCancel],
.combine_or_update_dialogue[mode=charts_combine_compare] {
  width:                268px;
}
.combine_or_update_dialogue[mode=tearoffs] {
  width:                351px;
}
.combine_or_update_dialogue[mode=charts] {
  width:                435px;
}
.combine_or_update_dialogue[mode=charts_combine_only] {
  width:                313px;
}

.combine_or_update_dialogue[mode=charts][has_widget_logic=yes],
.combine_or_update_dialogue[mode=charts_combine_only][has_widget_logic=yes],
.combine_or_update_dialogue[mode=charts_combine_compare][has_widget_logic=yes] {
  height:               142px;
}



.combine_or_update_dialogue .opt {
  width:                65px;
  height:               56px;
  
  background:           -webkit-linear-gradient(top, hsl(213,10%,70%) 0%, hsl(213,10%,55%) 100%);
  background:           -moz-linear-gradient(top, hsl(213,10%,70%) 0%, hsl(213,10%,55%) 100%);
  background:           -ms-linear-gradient(top, hsl(213,10%,70%) 0%, hsl(213,10%,55%) 100%);
  background:           linear-gradient(top, hsl(213,10%,70%) 0%, hsl(213,10%,55%) 100%);
  
  border-radius:        5px;
  
  margin-top:           15px;
  margin-bottom:        3px;
  margin-left:          15px;
  
  padding:              2px;
  
  cursor:               pointer;
  
  display:              none;
  float:                left;
}
.combine_or_update_dialogue .opt:hover {
  background:           -webkit-linear-gradient(top, hsl(213,10%,65%) 0%, hsl(213,10%,50%) 100%);
  background:           -moz-linear-gradient(top, hsl(213,10%,65%) 0%, hsl(213,10%,50%) 100%);
  background:           -ms-linear-gradient(top, hsl(213,10%,65%) 0%, hsl(213,10%,50%) 100%);
  background:           linear-gradient(top, hsl(213,10%,65%) 0%, hsl(213,10%,50%) 100%);
}

.darkTheme .combine_or_update_dialogue .opt {
  background:           -webkit-linear-gradient(top, hsl(213,10%,55%) 0%, hsl(213,10%,32%) 100%);
  background:           -moz-linear-gradient(top, hsl(213,10%,55%) 0%, hsl(213,10%,32%) 100%);
  background:           -ms-linear-gradient(top, hsl(213,10%,55%) 0%, hsl(213,10%,32%) 100%);
  background:           linear-gradient(top, hsl(213,10%,55%) 0%, hsl(213,10%,32%) 100%);
}
.darkBlueTheme .combine_or_update_dialogue .opt {
  background:           -webkit-linear-gradient(top, hsl(200,50%,55%) 0%, hsl(200,50%,32%) 100%);
  background:           -moz-linear-gradient(top, hsl(200,50%,55%) 0%, hsl(200,50%,32%) 100%);
  background:           -ms-linear-gradient(top, hsl(200,50%,55%) 0%, hsl(200,50%,32%) 100%);
  background:           linear-gradient(top, hsl(200,50%,55%) 0%, hsl(200,50%,32%) 100%);
}

.darkTheme .combine_or_update_dialogue .opt:hover {
  background:           -webkit-linear-gradient(top, hsl(213,15%,65%) 0%, hsl(213,15%,45%) 100%);
  background:           -moz-linear-gradient(top, hsl(213,15%,65%) 0%, hsl(213,15%,45%) 100%);
  background:           -ms-linear-gradient(top, hsl(213,15%,65%) 0%, hsl(213,15%,45%) 100%);
  background:           linear-gradient(top, hsl(213,15%,65%) 0%, hsl(213,15%,45%) 100%);
}
.darkBlueTheme .combine_or_update_dialogue .opt:hover {
  background:           -webkit-linear-gradient(top, hsl(200,75%,60%) 0%, hsl(200,75%,37%) 100%);
  background:           -moz-linear-gradient(top, hsl(200,75%,60%) 0%, hsl(200,75%,37%) 100%);
  background:           -ms-linear-gradient(top, hsl(200,75%,60%) 0%, hsl(200,75%,37%) 100%);
  background:           linear-gradient(top, hsl(200,75%,60%) 0%, hsl(200,75%,37%) 100%);
}

/* Basic Options */
.combine_or_update_dialogue[mode=wowOrCancel] .opt.wow,
.combine_or_update_dialogue[mode=wowOrCancel] .opt.replace,
.combine_or_update_dialogue[mode=wowOrCancel] .opt.cancel {
  display:              inline-block;
}

/* Tear-Off Drop Dialogue Options */
.combine_or_update_dialogue[mode=tearoffs] .opt.wow,
.combine_or_update_dialogue[mode=tearoffs] .opt.update,
.combine_or_update_dialogue[mode=tearoffs] .opt.tearoffs_combine,
.combine_or_update_dialogue[mode=tearoffs] .opt.cancel {
  display:              inline-block;
}

/* Charts Drop Dialogue Options - BOTH */
.combine_or_update_dialogue[mode=charts] .opt.wow,
.combine_or_update_dialogue[mode=charts] .opt.combine,
.combine_or_update_dialogue[mode=charts] .opt.correlate,
.combine_or_update_dialogue[mode=charts] .opt.replace,
.combine_or_update_dialogue[mode=charts] .opt.cancel {
  display:              inline-block;
}

/* Charts Drop Dialogue Options - ONLY COMBINE */
.combine_or_update_dialogue[mode=charts_combine_only] .opt.wow,
.combine_or_update_dialogue[mode=charts_combine_only] .opt.combine,
.combine_or_update_dialogue[mode=charts_combine_only] .opt.cancel {
  display:              inline-block;
}

/* Charts Drop Dialogue Options - ONLY COMBINE FOR COMPARETO */
.combine_or_update_dialogue[mode=charts_combine_compare] .opt.combine,
.combine_or_update_dialogue[mode=charts_combine_compare] .opt.cancel {
  display:              inline-block;
}

.combine_or_update_dialogue[mode=charts][has_widget_logic=yes] .combineDeleteSourceCont,
.combine_or_update_dialogue[mode=charts_combine_only][has_widget_logic=yes] .combineDeleteSourceCont,
.combine_or_update_dialogue[mode=charts_combine_compare][has_widget_logic=yes] .combineDeleteSourceCont {
  display:              table;
}

.combine_or_update_dialogue .opt img {
  width:                65px;
  height:               56px;
  
  background-repeat:    no-repeat;
  background-position:  0px 0px;
  background-size:      65px 65px;
  
  border-style:         none;
  
  opacity:              .8;
}
.combine_or_update_dialogue .opt:hover img {
  opacity:              1;
}

.darkTheme .combine_or_update_dialogue .opt img,
.darkBlueTheme .combine_or_update_dialogue .opt img {
  opacity:              .5;
}
.darkTheme .combine_or_update_dialogue .opt:hover img,
.darkBlueTheme .combine_or_update_dialogue .opt:hover img {
  opacity:              .9;
}



.combine_or_update_dialogue .opt .label {
  width:                110%;
  
  font-size:            11px;
  color:                hsl(213,5%,50%);
  text-align:           center; 
  
  margin-left:          -5%;
  margin-top:           8px;
  
  background:           hsla(60,50%,60%,.0); 
}
.combine_or_update_dialogue .opt:hover .label {
  color:                hsl(213,20%,5%);
}
.darkTheme .combine_or_update_dialogue .opt .label {
  color:                hsl(213,10%,55%);
}
.darkBlueTheme .combine_or_update_dialogue .opt .label {
  color:                hsl(200,20%,55%);
}
.darkTheme .combine_or_update_dialogue .opt:hover .label {
  color:                hsl(213,20%,85%);
}
.darkBlueTheme .combine_or_update_dialogue .opt:hover .label {
  color:                hsl(200,30%,85%);
}

.combine_or_update_dialogue .combineDeleteSourceCont {
  width:                100%;
  height:               auto;
  
  position:             absolute;
  bottom:               9px;
  
  font-size:            11px;
  color:                hsl(0,0%,22%);
  text-align:           center;
  
  display:              none;
}
.darkTheme .combine_or_update_dialogue .combineDeleteSourceCont {
  color:                hsl(213,10%,65%);
}
.darkBlueTheme .combine_or_update_dialogue .combineDeleteSourceCont {
  color:                hsl(213,30%,65%);
}




/* ======================== WOW Background Opacity ========================== */
.wow_widget_opacity_slider_group {
  display:              none;
}
.wow_widget .wow_widget_opacity_slider_group {
  display:              table-row;
}

.wow_widget_opacity_slider_group label {
  xline-height:          2em;
}

.wow_widget_opacity_slider_cell {
  width:                160px;
  height:               1.3em;
  display:              table;
  margin:               2px 0 3px 0;
}

.wow_widget_opacity_slider.ui-slider-horizontal {
  width:                110px;
  height:               .3em;
  margin:               4px 2px 0 5px;
  float:                left;
}
.wow_widget_opacity_slider.ui-slider-horizontal .ui-slider-handle {
  top:                  -.5em;
  background:           hsl(240, 2%, 91%);
  border:               1px solid hsl(0, 0%, 60%);
  cursor:               pointer;
}
.darkTheme .wow_widget_opacity_slider.ui-slider-horizontal .ui-slider-handle {
  background:           hsl(213, 10%, 30%);
  border:               1px solid hsl(213, 10%, 44%);
}
.darkBlueTheme .wow_widget_opacity_slider.ui-slider-horizontal .ui-slider-handle {
  background:           hsl(200, 75%, 35%);
  border:               1px solid hsl(200, 30%, 48%);
}


.wow_widget_opacity_slider_value {
  width:                28px;
  height:               1.3em;
  color:                hsl(213,5%,50%);
  text-align:           center;
  float:                right;
}
.darkTheme .wow_widget_opacity_slider_value {
  color:                hsl(213,10%,60%);
}
.darkBlueTheme .wow_widget_opacity_slider_value {
  color:                hsl(200,30%,70%);
}





/* ======================== WOW Always Show Title Bar ========================== */
.show_title_bar_tickbox_group {
  display:              table-row;
}
.wow_widget .show_title_bar_tickbox_group {
  display:              none;
}


.show_wow_title_bar_tickbox_group {
  display:              none;
}
.wow_widget .show_wow_title_bar_tickbox_group {
  display:              table-row;
}





/* ============================================ EXTERNAL DARKTHEME STYLES ============================================ */

.darkTheme td {
    color:             hsl(213, 5%, 61%);
}
.darkBlueTheme td {
    color:             hsl(200, 20%, 61%);
}

/* ================= INPUTS ================ */
.darkTheme textarea,
.darkTheme select,
.darkTheme input,
.darkTheme input[type="text"],
.darkTheme input[type="password"],
.darkTheme input[type="datetime"],
.darkTheme input[type="datetime-local"],
.darkTheme input[type="date"],
.darkTheme input[type="month"],
.darkTheme input[type="time"],
.darkTheme input[type="week"],
.darkTheme input[type="number"],
.darkTheme input[type="email"],
.darkTheme input[type="url"],
.darkTheme input[type="search"],
.darkTheme input[type="tel"],
.darkTheme input[type="color"],
.darkTheme .uneditable-input
{
    color:                   hsl(213,12%,81%);
    background-color:        hsl(213,5%,8%);
    border:                  1px solid hsl(213, 10%, 30%) !important;
    -webkit-box-shadow:      inset 0 1px 1px hsla(213, 20%, 2%,.2);
    -moz-box-shadow:         inset 0 1px 1px hsla(213, 20%, 2%,.2);
    box-shadow:              inset 0 1px 1px hsla(213, 20%, 2%,.2);
}
.darkBlueTheme textarea,
.darkBlueTheme select,
.darkBlueTheme input,
.darkBlueTheme input[type="text"],
.darkBlueTheme input[type="password"],
.darkBlueTheme input[type="datetime"],
.darkBlueTheme input[type="datetime-local"],
.darkBlueTheme input[type="date"],
.darkBlueTheme input[type="month"],
.darkBlueTheme input[type="time"],
.darkBlueTheme input[type="week"],
.darkBlueTheme input[type="number"],
.darkBlueTheme input[type="email"],
.darkBlueTheme input[type="url"],
.darkBlueTheme input[type="search"],
.darkBlueTheme input[type="tel"],
.darkBlueTheme input[type="color"],
.darkBlueTheme .uneditable-input
{
    color:                   hsl(200, 20%, 81%);
    background-color:        hsl(200, 75%, 12%);
    border:                  1px solid hsl(200, 50%, 48%) !important;
    -webkit-box-shadow:      inset 0 1px 1px hsla(200, 20%, 2%,.2);
    -moz-box-shadow:         inset 0 1px 1px hsla(200, 20%, 2%,.2);
    box-shadow:              inset 0 1px 1px hsla(200, 20%, 2%,.2);
}

.darkTheme textarea:focus,
.darkTheme input:focus,
.darkTheme input[type="text"]:focus,
.darkTheme input[type="password"]:focus,
.darkTheme input[type="datetime"]:focus,
.darkTheme input[type="datetime-local"]:focus,
.darkTheme input[type="date"]:focus,
.darkTheme input[type="month"]:focus,
.darkTheme input[type="time"]:focus,
.darkTheme input[type="week"]:focus,
.darkTheme input[type="number"]:focus,
.darkTheme input[type="email"]:focus,
.darkTheme input[type="url"]:focus,
.darkTheme input[type="search"]:focus,
.darkTheme input[type="tel"]:focus,
.darkTheme input[type="color"]:focus
{
  border-color:         hsl(213,5%,38%);

  -webkit-box-shadow:   inset 0 1px 1px hsla(213,0%,0%,.6), 0 0 12px hsla(213,50%,40%,.1);
     -moz-box-shadow:   inset 0 1px 1px hsla(213,0%,0%,.6), 0 0 12px hsla(213,50%,40%,.1);
          box-shadow:   inset 0 1px 1px hsla(213,0%,0%,.6), 0 0 12px hsla(213,50%,40%,.1);
}
.darkBlueTheme textarea:focus,
.darkBlueTheme input:focus,
.darkBlueTheme input[type="text"]:focus,
.darkBlueTheme input[type="password"]:focus,
.darkBlueTheme input[type="datetime"]:focus,
.darkBlueTheme input[type="datetime-local"]:focus,
.darkBlueTheme input[type="date"]:focus,
.darkBlueTheme input[type="month"]:focus,
.darkBlueTheme input[type="time"]:focus,
.darkBlueTheme input[type="week"]:focus,
.darkBlueTheme input[type="number"]:focus,
.darkBlueTheme input[type="email"]:focus,
.darkBlueTheme input[type="url"]:focus,
.darkBlueTheme input[type="search"]:focus,
.darkBlueTheme input[type="tel"]:focus,
.darkBlueTheme input[type="color"]:focus
{
  border-color:         hsl(200,50%,38%);

  -webkit-box-shadow:   inset 0 1px 1px hsla(200,0%,0%,.6), 0 0 12px hsla(200,50%,40%,.1);
     -moz-box-shadow:   inset 0 1px 1px hsla(200,0%,0%,.6), 0 0 12px hsla(200,50%,40%,.1);
          box-shadow:   inset 0 1px 1px hsla(200,0%,0%,.6), 0 0 12px hsla(200,50%,40%,.1);
}


.darkTheme .filterGroupUI.dashboard_filterbar_container:hover input {
  border-color:         hsl(213, 10%, 40%) !important;
}
.darkBlueTheme .filterGroupUI.dashboard_filterbar_container:hover input {
  border-color:         hsl(200, 50%, 48%) !important;
}


.darkTheme select {
  background-color:       hsl(213,5%,8%);
  border:                 1px solid hsl(213,5%,28%);
}
.darkBlueTheme select {
  background-color:       hsl(200,50%,8%);
  border:                 1px solid hsl(200,50%,28%);
}

.darkTheme input[disabled],
.darkTheme select[disabled],
.darkTheme textarea[disabled],
.darkTheme input[readonly],
.darkTheme select[readonly],
.darkTheme textarea[readonly]
{
  background-color:       hsl(213,5%,14%);
  border-color:           hsl(213,5%,18%);
}
.darkBlueTheme input[disabled],
.darkBlueTheme select[disabled],
.darkBlueTheme textarea[disabled],
.darkBlueTheme input[readonly],
.darkBlueTheme select[readonly],
.darkBlueTheme textarea[readonly]
{
  background-color:       hsl(200,50%,14%);
  border-color:           hsl(200,50%,18%);
}


/* ================= ComboSVGWrapper ==================== */
#dashboard_body_cell .comboSvgWrapper {
  height:                16px;  
}
/* ---- Widget & Properties Panel Percentile Filter -------- */
#dashboard_body_cell [filter_attribute=Percentile][filter_owner_type=widget] .comboSvgWrapper,
#dashboard_body_cell .percentileProperty .comboSvgWrapper {
  height:                16px;  
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #dashboard_body_cell .comboSvgWrapper { 
    height:                23px;
  }
}

#dashboard_body_cell #dashboard_filter_criteria_table .comboSvgWrapper {
  height:                16px;    
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #dashboard_body_cell #dashboard_filter_criteria_table .comboSvgWrapper { 
    height:                17px; 
  }
}



.darkTheme .comboSvgWrapper {
  border:               1px solid hsl(213, 5%, 23%);
  
  -moz-box-shadow:      inset 0 2px 1px hsla(213,0%,0%,.2), inset 0 3px 5px hsla(213,50%,0%,.3); /* inner shadow */
  -webkit-box-shadow:   inset 0 2px 1px hsla(213,0%,0%,.2), inset 0 3px 5px hsla(213,50%,0%,.3); /* inner shadow */
  box-shadow:           inset 0 2px 1px hsla(213,0%,0%,.2), inset 0 3px 5px hsla(213,50%,0%,.3); /* inner shadow */
  
  background-image:     -webkit-linear-gradient(bottom, hsl(213,7%,2%) 0%, hsl(213,7%,12%)  55.76%, hsl(213,7%,22%)  100%); /* Webkit */
  background-image:     -moz-linear-gradient(bottom, hsl(213,7%,2%) 0%, hsl(213,7%,12%)  55.76%, hsl(213,7%,22%)  100%); /* Firefox */
  background-image:     -ms-linear-gradient(bottom, hsl(213,7%,2%) 0%, hsl(213,7%,12%)  55.76%, hsl(213,7%,22%)  100%); /* IE */
  background-image:     linear-gradient(bottom, hsl(213,7%,2%) 0%, hsl(213,7%,12%)  55.76%, hsl(213,7%,22%)  100%);  
}
.darkBlueTheme .comboSvgWrapper {
  border:               1px solid hsl(200, 5%, 23%);
  
  -moz-box-shadow:      inset 0 2px 1px hsla(200,0%,0%,.2), inset 0 3px 5px hsla(200,50%,0%,.3); /* inner shadow */
  -webkit-box-shadow:   inset 0 2px 1px hsla(200,0%,0%,.2), inset 0 3px 5px hsla(200,50%,0%,.3); /* inner shadow */
  box-shadow:           inset 0 2px 1px hsla(200,0%,0%,.2), inset 0 3px 5px hsla(200,50%,0%,.3); /* inner shadow */
  
  background-image:     -webkit-linear-gradient(bottom, hsl(200,7%,2%) 0%, hsl(200,7%,12%)  55.76%, hsl(200,7%,22%)  100%); /* Webkit */
  background-image:     -moz-linear-gradient(bottom, hsl(200,7%,2%) 0%, hsl(200,7%,12%)  55.76%, hsl(200,7%,22%)  100%); /* Firefox */
  background-image:     -ms-linear-gradient(bottom, hsl(200,7%,2%) 0%, hsl(200,7%,12%)  55.76%, hsl(200,7%,22%)  100%); /* IE */
  background-image:     linear-gradient(bottom, hsl(200,7%,2%) 0%, hsl(200,7%,12%)  55.76%, hsl(200,7%,22%)  100%);  
}
.darkTheme .comboSvgWrapper:hover,
.darkTheme .comboSvgWrapper:focus,
.darkTheme .comboSvgWrapper:active {
  -moz-box-shadow:      inset 0 1px 1px hsla(213,0%,0%,.7), inset 0 2px 5px hsla(213,50%,0%,.5); /* inner shadow */
  -webkit-box-shadow:   inset 0 1px 1px hsla(213,0%,0%,.7), inset 0 2px 5px hsla(213,50%,0%,.5); /* inner shadow */
  box-shadow:           inset 0 1px 1px hsla(213,0%,0%,.7), inset 0 2px 5px hsla(213,50%,0%,.5); /* inner shadow */
  
  background-image:   -webkit-linear-gradient(bottom, hsl(213,7%,12%) 0%, hsl(213,7%,22%)  55.76%, hsl(213,7%,32%)  100%); /* Webkit */
  background-image:   -moz-linear-gradient(bottom, hsl(213,7%,12%) 0%, hsl(213,7%,22%)  55.76%, hsl(213,7%,32%)  100%); /* Firefox */
  background-image:   -ms-linear-gradient(bottom, hsl(213,7%,12%) 0%, hsl(213,7%,22%)  55.76%, hsl(213,7%,32%)  100%); /* IE */
  background-image:   linear-gradient(bottom, hsl(213,7%,12%) 0%, hsl(213,7%,22%)  55.76%, hsl(213,7%,32%)  100%);
}
.darkBlueTheme .comboSvgWrapper:hover,
.darkBlueTheme .comboSvgWrapper:focus,
.darkBlueTheme .comboSvgWrapper:active {
  -moz-box-shadow:      inset 0 1px 1px hsla(200,0%,0%,.7), inset 0 2px 5px hsla(200,50%,0%,.5); /* inner shadow */
  -webkit-box-shadow:   inset 0 1px 1px hsla(200,0%,0%,.7), inset 0 2px 5px hsla(200,50%,0%,.5); /* inner shadow */
  box-shadow:           inset 0 1px 1px hsla(200,0%,0%,.7), inset 0 2px 5px hsla(200,50%,0%,.5); /* inner shadow */
  
  background-image:   -webkit-linear-gradient(bottom, hsl(200,7%,12%) 0%, hsl(200,7%,22%)  55.76%, hsl(200,7%,32%)  100%); /* Webkit */
  background-image:   -moz-linear-gradient(bottom, hsl(200,7%,12%) 0%, hsl(200,7%,22%)  55.76%, hsl(200,7%,32%)  100%); /* Firefox */
  background-image:   -ms-linear-gradient(bottom, hsl(200,7%,12%) 0%, hsl(200,7%,22%)  55.76%, hsl(200,7%,32%)  100%); /* IE */
  background-image:   linear-gradient(bottom, hsl(200,7%,12%) 0%, hsl(200,7%,22%)  55.76%, hsl(200,7%,32%)  100%);
}

.darkTheme .comboSvgWrapper svg {
  border-left:          1px solid hsl(213,0%,22%);
}
.darkBlueTheme .comboSvgWrapper svg {
  border-left:          1px solid hsl(200,0%,22%);
}

.darkTheme .comboSvgWrapper svg polygon:not(.selectArrow),
.darkBlueTheme .comboSvgWrapper svg polygon:not(.selectArrow) {
  opacity:              0;
}
.darkTheme .comboSvgWrapper svg polygon.selectArrow {
  fill:                 hsl(213,14%,81%) !important;
}
.darkBlueTheme .comboSvgWrapper svg polygon.selectArrow {
  fill:                 hsl(200,14%,81%) !important;
}


/* =============== jQuery selectboxit SELECT : Sizing ============ */
.selectboxit-container .selectboxit-option,
.selectboxit-container .selectboxit-option a {
  height:                 1.7em;
  font-size:              11px;
  line-height:            1.7em;   
}
.xS .selectboxit-container .selectboxit-option,
.xS .selectboxit-container .selectboxit-option a {
  font-size:              11px;
}
.xM .selectboxit-container .selectboxit-option,
.xM .selectboxit-container .selectboxit-option a {
  font-size:              13px; 
}
.xL .selectboxit-container .selectboxit-option,
.xL .selectboxit-container .selectboxit-option a {
  font-size:              18px;
}

.dashboard_widget_filter_toolbar > [filter_attribute] > .selectboxit-container .selectboxit-option,
.dashboard_widget_filter_toolbar > [filter_attribute] > .selectboxit-container .selectboxit-option a {
  font-size:              11px;  
}
.xS .dashboard_widget_filter_toolbar > [filter_attribute] > .selectboxit-container .selectboxit-option,
.xS .dashboard_widget_filter_toolbar > [filter_attribute] > .selectboxit-container .selectboxit-option a {
  font-size:              13px;
}
.xM .dashboard_widget_filter_toolbar > [filter_attribute] > .selectboxit-container .selectboxit-option,
.xM .dashboard_widget_filter_toolbar > [filter_attribute] > .selectboxit-container .selectboxit-option a {
  font-size:              14px; 
}
.xL .dashboard_widget_filter_toolbar > [filter_attribute] > .selectboxit-container .selectboxit-option,
.xL .dashboard_widget_filter_toolbar > [filter_attribute] > .selectboxit-container .selectboxit-option a {
  font-size:              22px;
}
@media only screen and (max-width : 1250px){
  
  .tileMode .dashboard_widget_filter_toolbar > [filter_attribute] > .selectboxit-container .selectboxit-option,
  .tileMode .dashboard_widget_filter_toolbar > [filter_attribute] > .selectboxit-container .selectboxit-option a {
    font-size:              12px;  
  }
}
@media only screen and (max-width : 680px){
  
  .tileMode .dashboard_widget_filter_toolbar > [filter_attribute] > .selectboxit-container .selectboxit-option,
  .tileMode .dashboard_widget_filter_toolbar > [filter_attribute] > .selectboxit-container .selectboxit-option a {
    font-size:              11px;  
  }
}


/* ===============  jQuery selectboxit SELECT : DarkTheme ============ */
.darkTheme .selectboxit-container * {
 text-shadow:          0 1px 0 hsla(213, 50%, 0%, .4);
  color:                hsl(213, 14%, 81%);
}
.darkBlueTheme .selectboxit-container * {
 text-shadow:          0 1px 0 hsla(200, 75%, 5%, .3);
  color:                hsl(200, 30%, 85%);
}
.darkBlueTheme .selectboxit-container:hover * {
  color:                hsl(200, 30%, 95%);
}

.darkTheme .selectboxit-container .dropdownList {
  border: 1px solid hsl(213, 3%, 44%);
  background: hsla(213, 5%, 18%, .95);
  box-shadow:0 0 12px hsla(213, 50%, 60%, .4), 0 0 80px hsla(213, 50%, 60%, .3);
}

.darkBlueTheme .selectboxit-container .dropdownList {
  border: 1px solid hsl(200, 30%, 48%);
  background: hsla(200, 75%, 18%, .95);
  box-shadow:0 0 8px hsla(200, 100%, 80%, .4), 0 0 80px hsla(200, 100%, 50%, .3);
}

.darkTheme .selectboxit-btn {  
  border-color:         hsl(213,5%,23%);
  
  -moz-box-shadow:      inset 0 2px 1px hsla(213,0%,0%,.2), inset 0 3px 5px hsla(213,50%,0%,.3); /* inner shadow */
  -webkit-box-shadow:   inset 0 2px 1px hsla(213,0%,0%,.2), inset 0 3px 5px hsla(213,50%,0%,.3); /* inner shadow */
  box-shadow:           inset 0 2px 1px hsla(213,0%,0%,.2), inset 0 3px 5px hsla(213,50%,0%,.3); /* inner shadow */
  
  background-color:     transparent;
  background-image:     -webkit-linear-gradient(bottom, hsl(213,7%,2%) 0%, hsl(213,7%,12%)  55.76%, hsl(213,7%,22%)  100%); /* Webkit */
  background-image:     -moz-linear-gradient(bottom, hsl(213,7%,2%) 0%, hsl(213,7%,12%)  55.76%, hsl(213,7%,22%)  100%); /* Firefox */
  background-image:     -ms-linear-gradient(bottom, hsl(213,7%,2%) 0%, hsl(213,7%,12%)  55.76%, hsl(213,7%,22%)  100%); /* IE */
  background-image:     linear-gradient(bottom, hsl(213,7%,2%) 0%, hsl(213,7%,12%)  55.76%, hsl(213,7%,22%)  100%);  
}
.darkTheme .selectboxit-btn:hover,
.darkTheme .selectboxit-btn:focus,
.darkTheme .selectboxit-btn:active {
  -moz-box-shadow:      inset 0 1px 1px hsla(213,0%,0%,.7), inset 0 2px 5px hsla(213,50%,0%,.5); /* inner shadow */
  -webkit-box-shadow:   inset 0 1px 1px hsla(213,0%,0%,.7), inset 0 2px 5px hsla(213,50%,0%,.5); /* inner shadow */
  box-shadow:           inset 0 1px 1px hsla(213,0%,0%,.7), inset 0 2px 5px hsla(213,50%,0%,.5); /* inner shadow */
  
  background-image:     -webkit-linear-gradient(bottom, hsl(213,7%,12%) 0%, hsl(213,7%,22%)  55.76%, hsl(213,7%,32%)  100%); /* Webkit */
  background-image:     -moz-linear-gradient(bottom, hsl(213,7%,12%) 0%, hsl(213,7%,22%)  55.76%, hsl(213,7%,32%)  100%); /* Firefox */
  background-image:     -ms-linear-gradient(bottom, hsl(213,7%,12%) 0%, hsl(213,7%,22%)  55.76%, hsl(213,7%,32%)  100%); /* IE */
  background-image:     linear-gradient(bottom, hsl(213,7%,12%) 0%, hsl(213,7%,22%)  55.76%, hsl(213,7%,32%)  100%);
}
.darkTheme .selectboxit-btn.selectboxit-enabled:hover,
.darkTheme .selectboxit-btn.selectboxit-enabled:focus,
.darkTheme .selectboxit-btn.selectboxit-enabled:active {
  -moz-box-shadow:      inset 0 1px 1px hsla(213,0%,0%,.7), inset 0 2px 5px hsla(213,50%,0%,.5); /* inner shadow */
  -webkit-box-shadow:   inset 0 1px 1px hsla(213,0%,0%,.7), inset 0 2px 5px hsla(213,50%,0%,.5); /* inner shadow */
  box-shadow:           inset 0 1px 1px hsla(213,0%,0%,.7), inset 0 2px 5px hsla(213,50%,0%,.5); /* inner shadow */
  
  background-image:     -webkit-linear-gradient(bottom, hsl(213,7%,12%) 0%, hsl(213,7%,22%)  55.76%, hsl(213,7%,32%)  100%); /* Webkit */
  background-image:     -moz-linear-gradient(bottom, hsl(213,7%,12%) 0%, hsl(213,7%,22%)  55.76%, hsl(213,7%,32%)  100%); /* Firefox */
  background-image:     -ms-linear-gradient(bottom, hsl(213,7%,12%) 0%, hsl(213,7%,22%)  55.76%, hsl(213,7%,32%)  100%); /* IE */
  background-image:     linear-gradient(bottom, hsl(213,7%,12%) 0%, hsl(213,7%,22%)  55.76%, hsl(213,7%,32%)  100%);
}

.darkBlueTheme .selectboxit-btn,
.darkBlueTheme .selectboxit-btn:hover,
.darkBlueTheme .selectboxit-btn:focus,
.darkBlueTheme .selectboxit-btn:active {  
  border:            none;
  box-shadow:         none; 
  background:        hsl(200, 75%, 36%); 
}
.darkBlueTheme .selectboxit-btn.selectboxit-enabled:hover,
.darkBlueTheme .selectboxit-btn.selectboxit-enabled:focus,
.darkBlueTheme .selectboxit-btn.selectboxit-enabled:active {
  border:            none;
  box-shadow:         none; 
  background:        hsl(200, 75%, 42%); 
}






.darkTheme .selectboxit-list {
  border:               1px solid hsl(213,7%,28%);
  
  -moz-box-shadow:      0 6px 16px rgba(0,0,0,.56); 
  -webkit-box-shadow:   0 6px 16px rgba(0,0,0,.56); 
  box-shadow:           0 6px 16px rgba(0,0,0,.56);
  
  background-image:     -moz-linear-gradient(bottom, hsl(213,0%,8%) 0%, hsl(213,0%,18%) 100%); /* Firefox */
  background-image:     -webkit-linear-gradient(bottom, hsl(213,0%,8%) 0%, hsl(213,0%,18%) 100%); /* Webkit */
  background-image:     -ms-linear-gradient(bottom, hsl(213,0%,8%) 0%, hsl(213,0%,8%) 100%); /* IE */
  background-image:     linear-gradient(bottom, hsl(213,0%,8%) 0%, hsl(213,0%,8%) 100%);
}
.darkBlueTheme .selectboxit-list {
  border:               1px solid hsl(200,7%,28%);
  
  -moz-box-shadow:      0 6px 16px rgba(0,0,0,.56); 
  -webkit-box-shadow:   0 6px 16px rgba(0,0,0,.56); 
  box-shadow:           0 6px 16px rgba(0,0,0,.56);
  
  background-image:     -moz-linear-gradient(bottom, hsl(200,0%,8%) 0%, hsl(200,0%,18%) 100%); /* Firefox */
  background-image:     -webkit-linear-gradient(bottom, hsl(200,0%,8%) 0%, hsl(200,0%,18%) 100%); /* Webkit */
  background-image:     -ms-linear-gradient(bottom, hsl(200,0%,8%) 0%, hsl(200,0%,8%) 100%); /* IE */
  background-image:     linear-gradient(bottom, hsl(200,0%,8%) 0%, hsl(200,0%,8%) 100%);
}

.darkTheme .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  color:            hsl(213,14%,91%);
}
.darkBlueTheme .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  color:            hsl(200,14%,91%);
}

.darkTheme .selectboxit-option .selectboxit-option-anchor {
  color:            hsl(213,14%,71%);
  text-shadow:      0 1px 0 hsl(213,7%,6%);
}
.darkBlueTheme .selectboxit-option .selectboxit-option-anchor {
  color:            hsl(200, 20%, 71%);
  text-shadow:      0 1px 0 hsla(200, 100%, 5%, .2);
}

.darkTheme .selectboxit-option .selectboxit-option-anchor:hover {
  color:            hsl(213,14%,91%);
  text-shadow:      0 1px 0 transparent;
}
.darkBlueTheme .selectboxit-option .selectboxit-option-anchor:hover {
  color:            hsl(200,14%,91%);
  text-shadow:      0 1px 0 transparent;
}

.darkTheme .selectboxit-arrow-container {
  border-color:       hsla(213, 10%, 23%, .5);
}
.darkBlueTheme .selectboxit-arrow-container {
  border-color:       hsla(200, 75%, 3%, .5);
}

.retina .darkTheme .selectboxit-btn {
  text-shadow:          0 1px 0 hsla(213,0%,0%,.4); /* drop shadow */
}
.retina .darkBlueTheme .selectboxit-btn {
  text-shadow:          0 1px 0 hsla(200,0%,0%,.4); /* drop shadow */
}



/* =================== ComboBox Styling =================== */
.combobox_container {
  position:           relative;
  display:            inline-block; 
}
.dashboard_widget_filter_toolbar [filter_attribute=Domain] .combobox_container {
  margin-left:       -2px; 
}
@media only screen and (max-width : 1250px){
  
  .tileMode .dashboard_widget_filter_toolbar [filter_attribute=Domain] .combobox_container {
    margin-left:      -3px; 
  }
}
@media only screen and (max-width : 680px){
  
  .tileMode .dashboard_widget_filter_toolbar [filter_attribute=Domain] .combobox_container {
    margin-left:      2px; 
  }
}

.combobox_select_container {
  position:           absolute;
  top:                0px;
  z-index:            3;   
}

.combobox_text {
  z-index:            2;  
}

.combobox_input {
  border:                       1px solid hsl(211, 17%, 76%);
  border-top-right-radius:      0px;
  border-bottom-right-radius:   0px; 
  z-index:                      2;
}
.dashboard_widget_filter_toolbar [filter_attribute=Domain] .combobox_input {
  border-radius:                0px;
}
@media only screen and (max-width : 1250px){
  
  .tileMode .dashboard_widget_filter_toolbar .combobox_input {
    width:                        60px !important;
    height:                       22px !important;
    
    font-size:                    11px !important;
    line-height:                  22px !important;
  }
  
  .tileMode #dashboard_body_cell .dashboard_widget_filter_toolbar .combobox_container .comboSvgWrapper {
    height: 20px;
  }

}
@media only screen and (max-width : 680px){
  
  .tileMode .dashboard_widget_filter_toolbar .combobox_input {
    width:                        70px !important;
    height:                       21px !important;
    
    font-size:                    11px !important;
    line-height:                  21px !important;
  }
  
  .tileMode .dashboard_widget_filter_toolbar [filter_attribute=Percentile] .combobox_input {
    width:                        43px !important;
  }
 
  .tileMode .dashboard_widget_filter_toolbar [filter_attribute] .combobox_input {
    border-radius:                0px;
  }
  .tileMode .dashboard_widget_filter_toolbar [filter_attribute]:first-child .combobox_input {
    border-radius:                5px 0px 0px 5px;
  }
  
  .tileMode .dashboard_widget_filter_toolbar [filter_attribute=Domain]:first-child .combobox_input {
    border-radius:                0px;
  }
  
  .tileMode #dashboard_body_cell .dashboard_widget_filter_toolbar .combobox_container .comboSvgWrapper {
    height: 19px;
  }

}


/* ============= MultiComboBox Select Styling ============= */
.multi_combo_box_container div.selectWrapper,
#dashboard_properties_panel_container .multi_combo_box_container div.selectWrapper {
  height:             18px;
  
  overflow:           visible;
  
  border:             none;

  margin:             0;
  
  -moz-box-shadow:    none;
  -webkit-box-shadow: none;
  box-shadow:         none;

  background:         none;
}
.dashboard_body .dashboard_widget_filter_toolbar .multi_combo_box_container div.selectWrapper {
  margin:             0;
}

#dashboard_properties_panel_container .multi_combo_box_container div.selectWrapper {
  margin:             0 0 2px 0;
}

.multi_combo_box_container .selectboxit-btn {
  width:                100px !important;
  height:               18px;
}








/* ================ DarkTheme CloudTest Buttons ================ */
.darkTheme .ctButton,
.darkTheme .ctButtonDisabled
{
    color:                  hsl(213, 10%, 65%);
    background:             hsl(213, 10%, 30%);
    text-shadow:            none;
    box-shadow:             none;        
    border:                 none;
}
.darkBlueTheme .ctButton,
.darkBlueTheme .ctButtonDisabled
{
    color:                  hsl(200, 30%, 80%);
    background:             hsl(200, 75%, 38%);
    text-shadow:            none;
    box-shadow:             none;        
    border:                 none;
}

.darkTheme .ctButton:hover {
  color:                  hsl(213, 10%, 75%);       
  background:             hsl(213, 10%, 45%);
  border:                 none;
}
.darkBlueTheme .ctButton:hover {
  color:                  hsl(200, 50%, 90%);       
  background:             hsl(200, 75%, 50%);
  border:                 none;
}

.darkTheme .ctButtonDisabled {
    color:                  hsla(213, 10%, 65%, .6); !important;
    cursor:                 default;
}
.darkBlueTheme .ctButtonDisabled {
    color:                  hsla(200, 30%, 75%, .6); !important;
    cursor:                 default;
}

.darkTheme .ctButton.selected {
  color:                  hsl(213, 10%, 80%);       
  background:             hsl(213, 10%, 40%);
}
.darkBlueTheme .ctButton.selected {
  color:                  hsl(200, 30%, 90%);       
  background:             hsl(200, 75%, 46%);
}

.darkTheme .ctButton.selected:hover {
  color:                  hsl(213, 10%, 94%);       
  background:             hsl(213, 10%, 50%);
}
.darkBlueTheme .ctButton.selected:hover {
  color:                  hsl(200, 30%, 98%);       
  background:             hsl(200, 75%, 56%);
}



.darkTheme .ctButton.selected:active {
  color:                  hsl(213, 10%, 60%);       
  background:             hsl(213, 20%, 26%);
  box-shadow:             none;
  border:                 none;
}
.darkBlueTheme .ctButton.selected:active {
  color:                  hsl(200, 30%, 66%);       
  background:             hsl(200, 75%, 36%);
  box-shadow:             none;
  border:                 none;
}


.darkTheme line.selectButtonLine {
  stroke:     hsl(213,5%,23%);
}
.darkBlueTheme line.selectButtonLine {
  stroke:     hsl(200,5%,23%);
}

.darkTheme_topArrowGradient {
  stop-color:       hsl(213,7%,22%);
}
.darkBlueTheme_topArrowGradient {
  stop-color:       hsl(200,7%,22%);
}

.darkTheme_middleArrowGradient {
  stop-color:       hsl(213,7%,12%);
}
.darkBlueTheme_middleArrowGradient {
  stop-color:       hsl(200,7%,12%);
}

.darkTheme_bottomArrowGradient {
  stop-color:       hsl(213,7%,2%);
}
.darkBlueTheme_bottomArrowGradient {
  stop-color:       hsl(200,7%,2%);
}

.darkTheme .onoffswitch-label {
    border-color:         hsl(213,5%,30%);
}
.darkBlueTheme .onoffswitch-label {
    border-color:         hsl(200,5%,30%);
}

.darkTheme .onoffswitch-inner:before {
    background-color:     hsl(213,0%,12%);
    color:                hsl(213,5%,40%);
}
.darkBlueTheme .onoffswitch-inner:before {
    background-color:     hsl(200,0%,12%);
    color:                hsl(200,5%,40%);
}

.darkTheme .onoffswitch-inner:after {
    background-color:     hsl(213,0%,12%);
    color:                hsl(213,5%,40%);
}
.darkBlueTheme .onoffswitch-inner:after {
    background-color:     hsl(200,0%,12%);
    color:                hsl(200,5%,40%);
}

.darkTheme .onoffswitch-switch {
    background:           hsl(213,5%,27%);
    border-color:         hsl(213,5%,38%);
}
.darkBlueTheme .onoffswitch-switch {
    background:           hsl(200,5%,27%);
    border-color:         hsl(200,5%,38%);
}

.darkTheme .dtp_pager_spacer {
  color:              hsl(213,5%,70%);
  background-color:   hsl(213,5%,8%);
  border-color:       hsl(213,5%,22%);
}
.darkBlueTheme .dtp_pager_spacer {
  color:              hsl(200,5%,70%);
  background-color:   hsl(200,5%,8%);
  border-color:       hsl(200,5%,22%);
}

.dtp_main_select_container {
  border-top:         1px solid hsl(213,5%,81%);
}

.darkTheme .dtp_main_select_container {
  border-top:         1px solid hsl(213,5%,22%);
}
.darkBlueTheme .dtp_main_select_container {
  border-top:         1px solid hsl(200,5%,22%);
}

.dtp_slider_label {
  margin-bottom:   0px;
  position:     relative;
  padding-top:    25px;
  top:      -25px;
  line-height:    12px;
  color:     black;
  text-align:    center;
  display:     inline-block
}



/* ================ Black Widget Titlebar Icons (default is white) ================== */
.dark_toolbar_icons img.icon16_widgetDelete {
  background-position:  -1600px -84px;
}
.dark_toolbar_icons img.icon16_widgetPopout {
  background-position:  -1584px -84px;
}
.dark_toolbar_icons img.icon16_widgetExpand {
  background-position:  -1728px -36px;
}
.dark_toolbar_icons img.icon16_widgetCollapse {
  background-position:  -1728px -36px;
}
.dark_toolbar_icons img.icon16_widgetChartExport {
  background-position:  -432px -132px;
}
.dark_toolbar_icons img.icon16_widgetExport_excel {
  background-position:  -1744px -132px;
}
.dark_toolbar_icons img.icon16_widgetSplitDimension {
  background-position:  -1808px -132px;
}

/* Fade Icons slighly */
.darkTheme .light_toolbar_icons [id^=widget_window_buttons_],
.darkBlueTheme .light_toolbar_icons [id^=widget_window_buttons_] {
  opacity:                 0.6;
}
.darkTheme .dark_toolbar_icons [id^=widget_window_buttons_],
.darkBlueTheme .dark_toolbar_icons [id^=widget_window_buttons_] {
  opacity:                 0.8;
}

.combined_subordinate_selector {
  color:                  hsl(213,5%,98%);
  line-height:            .9em;
  position:               absolute;
  left:                   10px;
  bottom:                 10px;
  z-index:                11; 
  background:             #fff;
  padding:                10px 5px 7px 10px;
  border-radius:          4px;
  box-shadow:             0 0 32px 0 hsla(213, 80%, 48%, 0.15);
}
.darkTheme .combined_subordinate_selector {
  color:                  hsl(213,5%,95%);
  padding:                10px 5px 6px 9px;
  background:             hsl(213,5%,14%);
  box-shadow:             0 0 8px 0 hsla(213, 100%, 80%, 0.6), 0 0 80px 0 hsla(213, 100%, 70%, 0.4);
}
.darkBlueTheme .combined_subordinate_selector {
  color:                  hsl(200,30%,95%);
  padding:                10px 5px 5px 8px;
  background:             hsl(200,75%,20%);
  box-shadow:             0 0 8px 0 hsla(200, 100%, 80%, 0.8), 0 0 80px 0 hsla(200, 100%, 60%, 0.2);
}
.xS .combined_subordinate_selector {
  left:                    10px;
  bottom:                  4px;
}
.xM .combined_subordinate_selector {
  left:                    13px;
  bottom:                  5px; 
}
.xL .combined_subordinate_selector {
  left:                    16px;
  bottom:                  6px; 
}


.combined_subordinate_selector .combined_subordinate_selector_label {
  font-size:               11px;
  color:                   hsla(213, 80%, 48%, 1);
  margin-right:            .5em;   
}
.xS .combined_subordinate_selector .combined_subordinate_selector_label {
}
.xM .combined_subordinate_selector .combined_subordinate_selector_label {
  font-size:               13px;
}
.xL .combined_subordinate_selector .combined_subordinate_selector_label {
  font-size:               17px;
}
.darkTheme .combined_subordinate_selector .combined_subordinate_selector_label,
.darkBlueTheme .combined_subordinate_selector .combined_subordinate_selector_label {
  color:                   hsl(0,0%,91%);  
}


.combined_subordinate_selector .selectboxit-container {
  height:                   20px;
  margin-top:               -5px;
}
.xS .combined_subordinate_selector .selectboxit-container {
  height:                   20px;
}
.xM .combined_subordinate_selector .selectboxit-container {
  height:                   24px;
}
.xL .combined_subordinate_selector .selectboxit-container {
  height:                   28px;
}


.combined_subordinate_selector .selectboxit-container .selectboxit {
  height:                   20px;
}
.xS .combined_subordinate_selector .selectboxit-container .selectboxit {
  height:                   20px;
}
.xM .combined_subordinate_selector .selectboxit-container .selectboxit {
  height:                   24px;
}
.xL .combined_subordinate_selector .selectboxit-container .selectboxit {
  height:                   28px;
}


.combined_subordinate_selector .selectboxit-container .selectboxit .selectboxit-text {
  font-size:                11px;
  line-height:              20px;
  text-indent:              .6em; 
}
.xS .combined_subordinate_selector .selectboxit-container .selectboxit .selectboxit-text {
  font-size:                11px;
  line-height:              20px;
}
.xM .combined_subordinate_selector .selectboxit-container .selectboxit .selectboxit-text {
  font-size:                13px;
  line-height:              24px;
}
.xL .combined_subordinate_selector .selectboxit-container .selectboxit .selectboxit-text {
  font-size:                17px;
  line-height:              28px;
}
.darkTheme .combined_subordinate_selector .selectboxit-container .selectboxit .selectboxit-text,
.darkBlueTheme .combined_subordinate_selector .selectboxit-container .selectboxit .selectboxit-text {
  color:                    hsl(0,0%,100%);
}
  
  
.combined_subordinate_selector .selectboxit-container .selectboxit-options {
  bottom:                   100%;
  padding-top:              .3em !important;
  padding-bottom:           .3em !important;
  overflow-y:               auto !important;
  max-height:               none !important;
}

.combined_subordinate_selector .selectboxit-container .selectboxit-options .selectboxit-option {
  font-size:                11px;
  line-height:              1.8em;
  text-indent:              .6em;
}
.xS .combined_subordinate_selector .selectboxit-container .selectboxit-options .selectboxit-option {
  font-size:                11px;
}
.xM .combined_subordinate_selector .selectboxit-container .selectboxit-options .selectboxit-option {
  font-size:                13px;
}
.xL .combined_subordinate_selector .selectboxit-container .selectboxit-options .selectboxit-option {
  font-size:                17px;
}




/* =============== DarkTheme Leftlet Map =============== */
.themeScroller.darkTheme .leaflet-container .leaflet-overlay-pane > svg,
.themeScroller.darkBlueTheme .leaflet-container .leaflet-overlay-pane > svg {
    opacity:      .9;
}







/* ===================== HUD LaunchBar SVG Icons ==================== */
div[type="launchBar"] img.icon16_widgetFavorite {
  background-position:    0px -128px;
}
div[type="launchBar"] img.icon16_widgetBeacon {
  background-position:    -16px -128px;
}
div[type="launchBar"] img.icon16_widgetTimer {
  background-position:    -32px -128px;
}
div[type="launchBar"] img.icon16_widgetGlobe {
  background-position:    -48px -128px;
}
div[type="launchBar"] img.icon16_widgetEdit {
  background-position:    -64px -128px;
}

div[type="launchBar"] img.icon16_widgetFavorite_active {
  background-position:    -80px -128px;
}
div[type="launchBar"] img.icon16_widgetBeacon_active {
  background-position:    -96px -128px;
}
div[type="launchBar"] img.icon16_widgetTimer_active {
  background-position:    -112px -128px;
}
div[type="launchBar"] img.icon16_widgetGlobe_active {
  background-position:    -128px -128px;
}
div[type="launchBar"] img.icon16_widgetEdit_active {
  background-position:    -144px -128px;
}




/* ======================================== EXTERNAL RetinaStyles ======================================== */

/* ================== xM Globe HUD Styles ================== */
.xM div[type="launchBar"] img.icon16 {
  width:      18px;
  height:     18px;
}

.xM div[type="launchBar"] img.icon16x {
  width:      18px;
  height:     18px;
}

.xM div[type="launchBar"] img.icon16_widgetFavorite {
  background-position:    0px -144px;
}
.xM div[type="launchBar"] img.icon16_widgetBeacon {
  background-position:    -18px -144px;
}
.xM div[type="launchBar"] img.icon16_widgetTimer {
  background-position:    -36px -144px;
}
.xM div[type="launchBar"] img.icon16_widgetGlobe {
  background-position:    -54px -144px;
}
.xM div[type="launchBar"] img.icon16_widgetEdit {
  background-position:    -72px -144px;
}

.xM div[type="launchBar"] img.icon16_widgetFavorite_active {
  background-position:    -90px -144px;
}
.xM div[type="launchBar"] img.icon16_widgetBeacon_active {
  background-position:    -108px -144px;
}
.xM div[type="launchBar"] img.icon16_widgetTimer_active {
  background-position:    -126px -144px;
}
.xM div[type="launchBar"] img.icon16_widgetGlobe_active {
  background-position:    -144px -144px;
}
.xM div[type="launchBar"] img.icon16_widgetEdit_active {
  background-position:    -162px -144px;
}


/* ================== xL Globe HUD Styles ================== */
.xL div[type="launchBar"] img.icon16 {
  width:      28px;
  height:     28px;
}

.xL div[type="launchBar"] img.icon16x {
  width:      28px;
  height:     28px;
}

.xL div[type="launchBar"] img.icon16_widgetFavorite {
  background-position:    0px -224px;
}
.xL div[type="launchBar"] img.icon16_widgetBeacon {
  background-position:    -28px -224px;
}
.xL div[type="launchBar"] img.icon16_widgetTimer {
  background-position:    -56px -224px;
}
.xL div[type="launchBar"] img.icon16_widgetGlobe {
  background-position:    -84px -224px;
}
.xL div[type="launchBar"] img.icon16_widgetEdit {
  background-position:    -112px -224px;
}

.xL div[type="launchBar"] img.icon16_widgetFavorite_active {
  background-position:    -140px -225px;
}
.xL div[type="launchBar"] img.icon16_widgetBeacon_active {
  background-position:    -168px -225px;
}
.xL div[type="launchBar"] img.icon16_widgetTimer_active {
  background-position:    -196px -225px;
}
.xL div[type="launchBar"] img.icon16_widgetGlobe_active {
  background-position:    -224px -225px;
}
.xL div[type="launchBar"] img.icon16_widgetEdit_active {
  background-position:    -252px -225px;
}


/* ================================= Dashboard Filter Bar ====================================== */
.xS .dashboard_widget_filter_toolbar > span {
  padding-left:         4px !important;
  padding-right:        0px;  
}
.xM .dashboard_widget_filter_toolbar > span {
  padding-left:         5px !important;
  padding-right:        1px;  
}
.xL .dashboard_widget_filter_toolbar > span {
  padding-left:         7px !important;
  padding-right:        2px;  
}


.xS .dashboard_widget_filter_toolbar_select,
.xS .dashboard_widget_filter_toolbar_select_nowidth {
  height:               20px;
  line-height:          20px;
  font-size:            13px;
}
.xS .dashboard_widget_filter_toolbar_select {
  width:                120px;
}

.xM .dashboard_widget_filter_toolbar_select,
.xM .dashboard_widget_filter_toolbar_select_nowidth {
  height:               21px;
  line-height:          21px;
  font-size:            14px;
}
.xM .dashboard_widget_filter_toolbar_select {
  width:                130px;
}

.xL .dashboard_widget_filter_toolbar_select,
.xL .dashboard_widget_filter_toolbar_select_nowidth {
  height:               33px;
  line-height:          33px;
  font-size:            24px;
}
.xL .dashboard_widget_filter_toolbar_select {
  width:                195px;
}

.xL .selectboxit-container .selectboxit {
  border-radius:        5px;
  border-width:         2px;
}

.xS .selectboxit-text {
  text-indent:          7px;
}
.xM .selectboxit-text {
  text-indent:          8px;
}
.xL .selectboxit-text {
  text-indent:          13px;
}
@media only screen and (max-width : 1250px){
  
  .tileMode .selectboxit-container .selectboxit-text {
    font-size:            12px;
    text-indent:          6px;
  }
}
@media only screen and (max-width : 680px){
  
  .tileMode .selectboxit-container .selectboxit-text {
    font-size:            11px;
    text-indent:          5px;
  }
}


/* ============= SBoxit - Arrows Container ============ */
.xS .selectboxit-arrow-container {
  width:                18px;
}
.xM .selectboxit-arrow-container {
  width:                21px;
}
.xL .selectboxit-arrow-container {
  width:                26px;
  border-left-width:    2px;
}

.dashboard_body.xS .selectboxit-arrow-container .selectboxit-arrow {
  left:                 3px;
  margin-top:           -6px;   
}
.dashboard_body.xM .selectboxit-arrow-container .selectboxit-arrow {
  left:                 3px;
  margin-top:           -7px;   
}
.dashboard_body.xL .selectboxit-arrow-container .selectboxit-arrow {
  left:                 4px;
  margin-top:           -9px;   
}

.dashboard_body.xS .selectboxit-arrow-container .selectboxit-arrow.soastaArrow {
  height:               12px;
  width:                12px;
  background-size:      12px;
}
.dashboard_body.xM .selectboxit-arrow-container .selectboxit-arrow.soastaArrow {
  height:               14px;
  width:                14px;
  background-size:      14px;
  margin-top:           -7px !important;
  left:                 4px !important;
}
.dashboard_body.xL .selectboxit-arrow-container .selectboxit-arrow.soastaArrow {
  height:               18px;
  width:                18px;
  background-size:      18px;

}



.xS .dashboard_widget_filter_toolbar input {
  height:               22px !important;
  line-height:          22px !important;
  font-size:            13px !important;
}
.xM .dashboard_widget_filter_toolbar input {
  height:               23px !important;
  line-height:          23px !important;
  font-size:            14px !important;
}
.xL .dashboard_widget_filter_toolbar input {
  height:               37px !important;
  line-height:          37px !important;
  font-size:            24px !important;
  border-width:         2px !important;
  border-radius:        5px 0 0 5px;
}



.xS .comboSvgWrapper {
  height:               20px !important;
}
.xM .comboSvgWrapper {
  height:               21px !important;
}
.xL .comboSvgWrapper {
  height:               33px !important;
  border-width:         2px 2px 2px 0;
  border-radius:        0 10px 10px 0;
}


.xS .dashboard_widget_filter_toolbar .filter_label_span {
  font-size:            10px;
  padding-left:         7px;
  padding-bottom:       0px;
}
.xM .dashboard_widget_filter_toolbar .filter_label_span {
  font-size:            10px;
  padding-left:         7px;
  padding-bottom:       1px;
}
.xL .dashboard_widget_filter_toolbar .filter_label_span {
  font-size:            15px;
  padding-left:         11px;
  padding-bottom:       3px;
}





/* ==================================== DTP Slider ==================================== */
.darkTheme #dtp_last_x_slider,
.darkBlueTheme #dtp_last_x_slider {
  background:       hsl(0,0%,0%);
}

.darkTheme .ui-widget-content,
.darkBlueTheme .ui-widget-content {
  border:           1px solid hsl(0,0%,24%);
}

.darkTheme #dtp_last_x_slider a {
  background:       hsl(213,5%,27%);
  border:           1px solid hsl(213,5%,38%);
}
.darkBlueTheme #dtp_last_x_slider a {
  background:       hsl(200,5%,27%);
  border:           1px solid hsl(200,5%,38%);
}



/* ======================== combo_box_container auto_complete ============================= */

.ui-autocomplete.ui-menu
{
  padding:            0;
  font-size:          11px;
  color:              hsl(213, 11%, 36%);
}

.ui-autocomplete .ui-menu-item a
{
  padding-left:       1.5em;
}

.ui-autocomplete .ui-menu-item a.ui-state-focus
{
  color:              #ffffff;
  text-shadow:        0 0 0;
  background-image:   -webkit-linear-gradient(bottom, hsl(213, 55%, 50%) 0%, hsl(213, 55%, 60%) 100%);
  background-image:   -moz-linear-gradient(bottom, hsl(215, 68%, 44%) 0%, hsl(213, 61%, 65%) 100%);
  background-image:   -ms-linear-gradient(bottom, #2363bb 0%, #719fdd 100%); /* IE */
  background-image:   linear-gradient(bottom, #2363bb 0%, #719fdd 100%);
  background-repeat:  repeat-x;
  border:             none;
  border-radius:      0;
  margin:             0;
}



/* ======================== multi_combo_box_container ============================= */
.darkTheme .multi_combo_box_container div.selectWrapperxx,
.darkBlueTheme .multi_combo_box_container div.selectWrapperxx {
  border-color:           hsl(0,0%,28%);
}

.darkTheme .multi_combo_box_container div.selectWrapperxx svg,
.darkBlueTheme .multi_combo_box_container div.selectWrapperxx svg {
  box-shadow:             0 0 0px inset black;
}

.darkTheme .multi_combo_box_container div.selectWrapperxx svg polygon,
.darkBlueTheme .multi_combo_box_container div.selectWrapperxx svg polygon {
  fill:                   url(#grad2);
}

.darkTheme .multi_combo_box_container div.selectWrapperxx svg polygon.selectArrow,
.darkBlueTheme .multi_combo_box_container div.selectWrapperxx svg polygon.selectArrow {
  fill:                   hsl(0,0%,80%);
}




/* ============================================ Results Details Widget ========================================== */
.darkTheme div.selectWrapper,
.darkBlueTheme div.selectWrapper {
  background-image:       none;
  -moz-box-shadow:        inset 0 0 0 transparent;
  -webkit-box-shadow:     inset 0 0 0 transparent;
  box-shadow:             inset 0 0 0 transparent;
}

div.selectWrapper select {
  border:                 1px solid hsl(211, 17%, 76%);
}
.darkTheme div.selectWrapper select {
  border:                 1px solid hsl(213, 5%, 23%);
  
  -moz-box-shadow:        inset 0 2px 1px hsla(213,0%,0%,.2), inset 0 3px 5px hsla(213,50%,0%,.3);
  -webkit-box-shadow:     inset 0 2px 1px hsla(213,0%,0%,.2), inset 0 3px 5px hsla(213,50%,0%,.3);
  box-shadow:             inset 0 2px 1px hsla(213,0%,0%,.2), inset 0 3px 5px hsla(213,50%,0%,.3);
  
  background-image:       -webkit-linear-gradient(bottom, hsl(213,7%,2%) 0%, hsl(213,7%,12%) 55.76%, hsl(213,7%,22%) 100%);
  background-image:       -moz-linear-gradient(bottom, hsl(213,7%,2%) 0%, hsl(213,7%,12%) 55.76%, hsl(213,7%,22%) 100%);
  background-image:       -ms-linear-gradient(bottom, hsl(213,7%,2%) 0%, hsl(213,7%,12%) 55.76%, hsl(213,7%,22%) 100%);
  background-image:       linear-gradient(bottom, hsl(213,7%,2%) 0%, hsl(213,7%,12%) 55.76%, hsl(213,7%,22%) 100%);
}
.darkBlueTheme div.selectWrapper select {
  border:                 1px solid hsl(200, 5%, 23%);
  
  -moz-box-shadow:        inset 0 2px 1px hsla(200,0%,0%,.2), inset 0 3px 5px hsla(200,50%,0%,.3);
  -webkit-box-shadow:     inset 0 2px 1px hsla(200,0%,0%,.2), inset 0 3px 5px hsla(200,50%,0%,.3);
  box-shadow:             inset 0 2px 1px hsla(200,0%,0%,.2), inset 0 3px 5px hsla(200,50%,0%,.3);
  
  background-image:       -webkit-linear-gradient(bottom, hsl(200,7%,2%) 0%, hsl(200,7%,12%) 55.76%, hsl(200,7%,22%) 100%);
  background-image:       -moz-linear-gradient(bottom, hsl(200,7%,2%) 0%, hsl(200,7%,12%) 55.76%, hsl(200,7%,22%) 100%);
  background-image:       -ms-linear-gradient(bottom, hsl(200,7%,2%) 0%, hsl(200,7%,12%) 55.76%, hsl(200,7%,22%) 100%);
  background-image:       linear-gradient(bottom, hsl(200,7%,2%) 0%, hsl(200,7%,12%) 55.76%, hsl(200,7%,22%) 100%);
}


.dashboard_body.xM select.styledSelect ~ .soastaArrow {
  height:               20px;
  width:                19px; 
  background-size:      12px;
  background-position:  4px 4px; 
  border-left-width:    1px;
}
.dashboard_body.xL select.styledSelect ~ .soastaArrow {
  height:               20px;
  width:                19px; 
  background-size:      12px;
  background-position:  4px 4px; 
  border-left-width:    1px;
}

.darkTheme #TopPanelBanner {
  border-bottom-color:  hsl(213, 5%, 32%) !important;
}
.darkBlueTheme #TopPanelBanner {
  border-bottom-color:  hsl(200, 50%, 42%) !important;
}

.darkTheme .ResultsViewerStatusFlipper {
  border-right:         1px solid hsl(213, 5%, 32%) !important;
}
.darkBlueTheme .ResultsViewerStatusFlipper {
  border-right:         1px solid hsl(200, 50%, 42%) !important;
}


.darkTheme .ResultsViewerStatLabel {
  color:              hsl(213, 5%, 61%);
}
.darkBlueTheme .ResultsViewerStatLabel {
  color:              hsl(200, 30%,71%);
}

.xM .ResultsViewerStatLabel {
  margin-left:        9px;
  font-size:          12px;
}
.xL .ResultsViewerStatLabel {
  margin-left:        11px;
  font-size:          13px;
}

.darkTheme #LeftContentCell {
  background-color:         transparent !important;
  border-right:             1px solid hsl(213, 5%, 22%) !important;  
}
.darkBlueTheme #LeftContentCell {
  background-color:         transparent !important;
  border-right:             1px solid hsl(200, 50%, 30%) !important;  
}

.darkTheme .nav_stripe {
  background-image:         -webkit-linear-gradient(bottom, hsla(0,0%,0%,.3) 0%, hsla(0,0%,0%,.3) 50%, hsla(213,12%,10%,.2) 50.01%, hsla(213,12%,10%,.2) 100%);
  background-image:         -moz-linear-gradient(bottom, hsla(0,0%,0%,.3) 0%, hsla(0,0%,0%,.3) 50%, hsla(213,12%,10%,.2) 50.01%, hsla(213,12%,10%,.2) 100%);
  background-image:         -ms-linear-gradient(bottom, hsla(0,0%,0%,.3) 0%, hsla(0,0%,0%,.3) 50%, hsla(213,12%,10%,.2) 50.01%, hsla(213,12%,10%,.2) 100%);
  background-image:         linear-gradient(bottom, hsla(0,0%,0%,.3) 0%, hsla(0,0%,0%,.3) 50%, hsla(213,12%,10%,.2) 50.01%, hsla(213,12%,10%,.2) 100%);
  background-size:          1px 42px;
  background-repeat:        repeat;
  background-attachment:    local;
}
.darkBlueTheme .nav_stripe {
  background-image:         -webkit-linear-gradient(bottom, hsla(0,0%,0%,.3) 0%, hsla(0,0%,0%,.3) 50%, hsla(200,12%,10%,.2) 50.01%, hsla(200,12%,10%,.2) 100%);
  background-image:         -moz-linear-gradient(bottom, hsla(0,0%,0%,.3) 0%, hsla(0,0%,0%,.3) 50%, hsla(200,12%,10%,.2) 50.01%, hsla(200,12%,10%,.2) 100%);
  background-image:         -ms-linear-gradient(bottom, hsla(0,0%,0%,.3) 0%, hsla(0,0%,0%,.3) 50%, hsla(200,12%,10%,.2) 50.01%, hsla(200,12%,10%,.2) 100%);
  background-image:         linear-gradient(bottom, hsla(0,0%,0%,.3) 0%, hsla(0,0%,0%,.3) 50%, hsla(200,12%,10%,.2) 50.01%, hsla(200,12%,10%,.2) 100%);
  background-size:          1px 42px;
  background-repeat:        repeat;
  background-attachment:    local;
}

.darkTheme .outlineText {
  color:                    hsl(213, 5%, 70%) !important;
}
.darkBlueTheme .outlineText {
  color:                    hsl(200, 10%, 70%) !important;
}

.darkTheme .outlineItemSelected ~ .outlineText {
  color:                    hsl(213, 5%, 90%) !important;
}
.darkBlueTheme .outlineItemSelected ~ .outlineText {
  color:                    hsl(200, 10%, 90%) !important;
}
 

.darkTheme .ComponentPathItem {
  color:                    hsl(213, 5%, 61%);
}
.darkBlueTheme .ComponentPathItem {
  color:                    hsl(200, 30%, 71%);
}

.darkTheme .outlineItemSelected ~ .outlineText {
  color:                    hsl(213, 5%, 90%) !important;
}
.darkBlueTheme .outlineItemSelected ~ .outlineText {
  color:                    hsl(200, 30%, 90%) !important;
}


.darkTheme #tablePageMain #LowerPortion {
  background-color:         hsla( 213, 10%, 5%, .1) !important;
}
.darkBlueTheme #tablePageMain #LowerPortion {
  background-color:         hsla( 200, 50%, 5%, .3) !important;
}


.darkTheme #tablePageMain #resultsViewSummary > div[id] {
  background-color:         hsla(213, 20%, 0%, .1) !important;

  border:                   1px solid hsl(213, 5%, 26%) !important;
  
  -webkit-box-shadow:       hsl(213, 30%, 10%) 0px 2px 1px -2px !important;
  box-shadow:               hsl(213, 30%, 10%) 0px 2px 1px -2px !important;
}
.darkBlueTheme #tablePageMain #resultsViewSummary > div[id] {
  background-color:         hsla(200, 75%, 5%, .1) !important;

  border:                   1px solid hsl(200, 50%, 34%) !important;
  
  -webkit-box-shadow:       hsl(200, 50%, 10%) 0px 2px 1px -2px !important;
  box-shadow:               hsl(200, 50%, 10%) 0px 2px 1px -2px !important;
}


.darkTheme #tablePageMain .monospaced {
  color:                    hsl(213, 5%, 61%);
}
.darkBlueTheme #tablePageMain .monospaced {
  color:                    hsl(200, 30%, 71%);
}




/* ============== Custom Properties Title Bars =============== */
.darkTheme #tablePageMain [id^=TitleBar] {
  background-color:         hsl(0, 0%, 24%) !important;;
  background-image:         -webkit-linear-gradient(bottom, hsl(213, 5%, 18%) 0%, hsl(213, 5%, 22%) 70%, hsl(213, 5%, 26%) 100%) !important;
  background-image:         -moz-linear-gradient(bottom, hsl(213, 5%, 18%) 0%, hsl(213, 5%, 22%) 70%, hsl(213, 5%, 26%) 100%) !important;
  background-image:         -ms-linear-gradient(bottom, hsl(213, 5%, 18%) 0%, hsl(213, 5%, 22%) 70%, hsl(213, 5%, 26%) 100%) !important;
  background-image:         linear-gradient(bottom, hsl(213, 5%, 18%) 0%, hsl(213, 5%, 22%) 70%, hsl(213, 5%, 26%) 100%) !important;
}
.darkBlueTheme #tablePageMain [id^=TitleBar] {
  background-color:         hsl(0, 0%, 24%) !important;;
  background-image:         -webkit-linear-gradient(bottom, hsl(200, 50%, 28%) 0%, hsl(200, 50%, 30%) 70%, hsl(200, 50%, 36%) 100%) !important;
  background-image:         -moz-linear-gradient(bottom, hsl(0, 0%, 18%) 0%, hsl(0, 0%, 22%) 70%, hsl(0, 0%, 26%) 100%) !important;
  background-image:         -ms-linear-gradient(bottom, hsl(0, 0%, 18%) 0%, hsl(0, 0%, 22%) 70%, hsl(0, 0%, 26%) 100%) !important;
  background-image:         linear-gradient(bottom, hsl(0, 0%, 18%) 0%, hsl(0, 0%, 22%) 70%, hsl(0, 0%, 26%) 100%) !important;
}

.darkTheme #tablePageMain [id^=TitleBar] [id$=_title],
.darkBlueTheme #tablePageMain [id^=TitleBar] [id$=_title] {
  text-shadow:              0px 0px 2px hsla(213, 20%, 5%, 1.0);
}
.darkTheme #tablePageMain [id^=TitleBar] [id$=_title] {
  color:                    hsl(213, 5%, 65%);
  text-shadow:              0px 0px 3px hsla(213, 100%, 3%, 1.0);
}
.darkBlueTheme #tablePageMain [id^=TitleBar] [id$=_title] {
  color:                    hsl(200, 50% , 75%);
  text-shadow:              0px 0px 3px hsla(200, 10%, 3%, 1.0);
}


.darkTheme #general_box_contents td {
  color:                    hsl(213, 3%, 61%); 
}
.darkBlueTheme #general_box_contents td {
  color:                    hsl(200, 30%, 71%); 
}


.darkTheme .summaryTextBig {
  color:                    hsl(213, 10%, 81%);  
}
.darkBlueTheme .summaryTextBig {
  color:                    hsl(200, 50%, 85%); 
}



.darkTheme #general_box_contents > div {
  border-bottom-color:      hsl(213, 5%, 24%) !important;
}
.darkBlueTheme #general_box_contents > div {
  border-bottom-color:      hsl(200, 50%, 30%) !important;
}


.darkTheme div.lowerPaneSeparator {
  border-color:              hsl(213, 20%, 3%);
  
  -moz-box-shadow:           0px 1px 10px 2px hsla(213, 20%, 3%, .2);
  -webkit-box-shadow:        0px 1px 10px 2px hsla(213, 20%, 3%, .2);
  box-shadow:                0px 1px 10px 2px hsla(213, 20%, 3%, .2);  
}
.darkBlueTheme div.lowerPaneSeparator {
  border-color:              hsl(200, 75%, 3%);
  
  -moz-box-shadow:           0px 1px 10px 2px hsla(200, 50%, 3%, .2);
  -webkit-box-shadow:        0px 1px 10px 2px hsla(200, 50%, 3%, .2);
  box-shadow:                0px 1px 10px 2px hsla(200, 50%, 3%, .2);  
}


.darkTheme .rv_general_table > tbody > tr > td {
  border-right:             1px solid hsl(213, 5%, 24%);
}
.darkBlueTheme .rv_general_table > tbody > tr > td {
  border-right:             1px solid hsl(200, 50%, 30%);
}


.darkTheme .rv_general_label {
  color:                     hsl(213, 2%, 50%);  
}
.darkBlueTheme .rv_general_label {
  color:                     hsl(200, 30%, 60%);  
}


.darkTheme .rv_special_label {
  color:                     hsl(213, 2%, 61%);  
}
.darkBlueTheme .rv_special_label {
  color:                     hsl(200, 30%, 71%); 
}


.darkTheme .rv_general_value {
  color:                     hsl(213, 2%, 81%);  
}
.darkBlueTheme .rv_general_value {
  color:                     hsl(200, 30%, 85%);  
}


.darkTheme .rv_custom_properties_label {
  color:                     hsl(213, 2%, 50%);  
}
.darkBlueTheme .rv_custom_properties_label {
  color:                     hsl(200, 30%, 60%); 
}


.darkTheme .rv_lower_hr,
.darkBlueTheme .rv_lower_hr {
  border-color:             hsl(0,0%,28%) !important;
}

/* Events List */
.darkTheme table.events .eventslist_table_header_bar,
.darkBlueTheme table.events .eventslist_table_header_bar {
  color:                hsla(0,0%,55%);
  
  background-color:     hsl(0, 0%, 18%);
  border-bottom:        1px solid hsl(0, 0%, 5%);
  border-right:         1px solid hsl(0, 0%, 5%);
  
  -webkit-box-shadow:   0 10px 10px -10px hsla(0,0%,0%,.75) inset;
  -moz-box-shadow:      0 10px 10px -10px hsla(0,0%,0%,.75) inset;
  -ms-box-shadow:       0 10px 10px -10px hsla(0,0%,0%,.75) inset;
  box-shadow:           0 10px 10px -10px hsla(0,0%,0%,.75) inset;
}






/* ======= Various Results Data Windows ====== */
.darkTheme #tablePageMain #custom_properties,
.darkTheme #tablePageMain #input_form,
.darkTheme #tablePageMain #output_form,
.darkTheme #tablePageMain #general,
.darkTheme #tablePageMain #events,
.darkBlueTheme #tablePageMain #custom_properties,
.darkBlueTheme #tablePageMain #input_form,
.darkBlueTheme #tablePageMain #output_form,
.darkBlueTheme #tablePageMain #general,
.darkBlueTheme #tablePageMain #events {
  background: hsla(213,0%,0%,.1) !important;
  border-color: hsl(213,0%,28%) !important;
}

/* ======== Red Header Text, v small ====== */
.darkTheme pre.httpHeaders,
.darkBlueTheme pre.httpHeaders {
  color:                    hsl(0, 45%, 65%);
}
.darkTheme .rv_http_content,
.darkBlueTheme .rv_http_content {
  color:                    hsl(229,60%,80%);
}


.darkTheme #tablePageMain .elemName,
.darkTheme #tablePageMain .responseValue.wFormInputs,
.darkBlueTheme #tablePageMain .elemName,
.darkBlueTheme #tablePageMain .responseValue.wFormInputs {
 padding:         3px 8px 4px 8px;
}

.darkTheme #tablePageMain .elemName {
  background:               hsla(213, 30%, 5%, .5);
  border:                   1px solid hsl(213, 10%, 22%);
}
.darkBlueTheme #tablePageMain .elemName {
  background:               hsla(200, 50%, 8%, .5);
  border:                   1px solid hsl(200, 30%, 28%);
}

.darkTheme #tablePageMain .responseValue.wFormInputs {
  color:                    hsl(213, 5%, 81%);
  background:               hsla(213, 5%, 8%, .35); 
  border:                   1px solid hsl(213, 5%, 22%);
}
.darkBlueTheme #tablePageMain .responseValue.wFormInputs {
  color:                    hsl(200, 10%, 81%);
  background:               hsla(200, 50%, 8%, .35); 
  border:                   1px solid hsl(200, 30%, 24%);
}


.link, a, a:visited,
.dashboard_body.lightTheme .link, .dashboard_body.lightTheme a, .dashboard_body.lightTheme a:visited, {
  color:                    hsl(200, 100%, 50%);
}
.dashboard_body.darkTheme .link, .dashboard_body.darkTheme a, .dashboard_body.darkTheme a:visited {
  color:                    hsl(200, 100%, 60%);
}
.dashboard_body.darkBlueTheme .link, .dashboard_body.darkBlueTheme a, .dashboard_body.darkBlueTheme a:visited {
  color:                    hsl(200, 100%,70%);
}




/* ================ XML ================ */
.darkTheme .disabledInputXml {
  background:               hsla(213,0%,0%,.2);   
}
.darkBlueTheme .disabledInputXml {
  background:               hsla(200,0%,0%,.2);   
}

.darkTheme .disabledInputXml span.node {
  color:                    hsl(165,30%,40%);
}
.darkBlueTheme .disabledInputXml span.node {
  color:                    hsl(165,30%,40%);
}

.darkTheme .disabledInputXml span.textValue {
  color:                    hsl(213,0%,61%);
}
.darkBlueTheme .disabledInputXml span.textValue {
  color:                    hsl(200,0%,61%);
}

.darkTheme .disabledInputXml span.attr {
  color:                    hsl(279,60%,55%);
}
.darkBlueTheme .disabledInputXml span.attr {
  color:                    hsl(279,60%,55%);
}

.darkTheme .disabledInputXml span.attrValue {
  color:                    hsl(240,65%,70%);
}
.darkBlueTheme .disabledInputXml span.attrValue {
  color:                    hsl(240,65%,70%);
}



.darkTheme #tablePageMain .groupBoxMedium {
  background:                hsla(213, 20%, 50%, .3);
  -webkit-box-shadow:        inset 0 0 2px hsla(213, 0%, 100%, .2), inset 0 1px 0 hsla(213, 0%, 0%,.5), 0 1px 0 hsl(213,0%,0%);
  color:                     hsl(213,5%,81%)
}
.darkBlueTheme #tablePageMain .groupBoxMedium {
  background:                hsla(200, 75%, 50%, .3);
  -webkit-box-shadow:        inset 0 0 2px hsla(200, 0%, 100%, .2), inset 0 1px 0 hsla(200, 0%, 0%,.5), 0 1px 0 hsl(200,0%,0%);
  color:                     hsl(200,5%,81%)
}

.darkTheme #tablePageMain .outputLabel {
  color:                     hsl(213,5%,61%);
}
.darkBlueTheme #tablePageMain .outputLabel {
  color:                     hsl(200,5%,61%);
}

.darkTheme #tablePageMain .wFormSplitter hr {
  background:                hsl(213,2%,22%) !important;
}
.darkBlueTheme #tablePageMain .wFormSplitter hr {
  background:                hsl(200,2%,22%) !important;
}




/* =============== DarkTheme ItemScroller ================ */
.darkTheme img.eFlowLight_scrollArrow_left,
.darkBlueTheme img.eFlowLight_scrollArrow_left {
  background-position:      -40px -760px;
}
.darkTheme img.eFlowLight_scrollArrowCurve_left,
.darkBlueTheme img.eFlowLight_scrollArrowCurve_left {
  background-position:      -61px -760px;
}
.darkTheme img.eFlowLight_scrollHandle_left,
.darkBlueTheme img.eFlowLight_scrollHandle_left {
  background-position:      -67px -760px;
}
.darkTheme img.eFlowLight_scrollHandle_right,
.darkBlueTheme img.eFlowLight_scrollHandle_right {
  background-position:      -76px -760px;
}
.darkTheme img.eFlowLight_scrollArrowCurve_right,
.darkBlueTheme img.eFlowLight_scrollArrowCurve_right {
  background-position:      -85px -760px;
}
.darkTheme img.eFlowLight_scrollArrow_right,
.darkBlueTheme img.eFlowLight_scrollArrow_right {
  background-position:      -91px -760px;
}
.darkTheme img.eFlowLight_scrollBG_fill,
.darkBlueTheme img.eFlowLight_scrollBG_fill {
  background-position:      0px -833px;
}
.darkTheme img.eFlowLight_scrollHandleBG_fill,
.darkBlueTheme img.eFlowLight_scrollHandleBG_fill {
  background-position:      0px -850px;
}




/* ==================================== DarkTheme Fundamentals Widget ========================================== */
.darkTheme div[wt_classname=Fundamentals] td {
  color:                    hsl(213,1%,70%);
}
.darkBlueTheme div[wt_classname=Fundamentals] td {
  color:                    hsl(200,1%,70%);
}

.darkTheme td.fundamentals_divider {
  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%,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%);  
}
.darkBlueTheme td.fundamentals_divider {
  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%,79%) 0%, hsla(200,7%,79%,.5) 75%, hsla(200,7%,79%,0) 100%);
  background-image:         -ms-linear-gradient(top, hsl(200,7%,79%) 0%, hsla(200,7%,79%,.5) 75%, hsla(200,7%,79%,0) 100%);
  background-image:         linear-gradient(top, hsl(200,7%,79%) 0%, hsla(200,7%,79%,.5) 75%, hsla(200,7%,79%,0) 100%);  
}

.darkTheme .fundamentals_dataText {
  color:                    hsl(213,2%,85%);
}
.darkBlueTheme .fundamentals_dataText {
  color:                    hsl(200,2%,85%);
}

.darkTheme .fundamentals_darkText {
  color:                    hsl(213,2%,55%);  
}
.darkBlueTheme .fundamentals_darkText {
  color:                    hsl(200,2%,55%);  
}



/* ==================================== DarkTheme Event Log ========================================== */
darkTheme .EventViewerInfoContainer
{
  color:                    hsl(216, 11%, 64%);
}
darkBlueTheme .EventViewerInfoContainer
{
  color:                    hsl(200, 11%, 64%);
}



/* ==================================== Dynamic Ramp Widget ========================================== */
.dynamic_ramp_container {
  height:                   100%;
  width:                    100%;
  display:                  table;
}
.darkTheme .dynamic_ramp_container,
.darkBlueTheme .dynamic_ramp_container {
  background-color:         transparent;
}



/* ================================= Clip Element Heirachy Widget ========================================== */
.ceh_node_selected {
  background:               hsl(213, 100%, 86%);
}
.darkTheme .ceh_node_selected {
  background:               hsl(213, 50%, 30%);
}
.darkBlueTheme .ceh_node_selected {
  background:               hsl(200, 50%, 30%);
}



/* =========================================== Monitor Tree Widget ======================================================= */
.monitor_tree_title_border.first {
  white-space:              nowrap;
  border-top:               1px solid hsl(0, 0%, 73%);
  padding-left:             16px;
}
.darkTheme .monitor_tree_title_border.first {
  border-top-color:         hsl(213, 2%, 38%);
}
.darkBlueTheme .monitor_tree_title_border.first {
  border-top-color:         hsl(200, 2%, 38%);
}

.monitor_tree_title_border.top {
  border-top:               1px solid hsl(0, 0%, 73%);
}
.darkTheme .monitor_tree_title_border.top {
  border-top-color:         hsl(213, 2%, 38%);
}
.darkBlueTheme .monitor_tree_title_border.top {
  border-top-color:         hsl(200, 2%, 38%);
}

.monitor_tree_title_border.right {
  border-right:             1px solid hsl(0, 0%, 73%);
}
.darkTheme .monitor_tree_title_border.right {
  border-right-color:         hsl(213, 2%, 38%);
}
.darkBlueTheme .monitor_tree_title_border.right {
  border-right-color:         hsl(200, 2%, 38%);
}

.monitor_tree_title_border.bottom {
  border-bottom:            1px solid hsl(0, 0%, 73%);
}
.darkTheme .monitor_tree_title_border.bottom {
  border-bottom-color:         hsl(213, 2%, 38%);
}
.darkBlueTheme .monitor_tree_title_border.bottom {
  border-bottom-color:         hsl(200, 2%, 38%);
}

.monitor_tree_title_border.left {
  border-left:              1px solid hsl(0, 0%, 73%);
}
.darkTheme .monitor_tree_title_border.left {
  border-left-color:         hsl(213, 2%, 38%);
}
.darkBlueTheme .monitor_tree_title_border.left {
  border-left-color:         hsl(200, 2%, 38%);
}



/* ================================ Dashboard Container Widget Highlight ============================ */
.dashboard_container_widget_canvas {
  padding:                0px;
  border-radius:          0px;   
}
.dragging_widget .dashboard_container_widget_canvas {
  padding:                3px;
  
  border:                 1px solid hsla(215,100%,30%,.3);
  border-radius:          5px;
  
  box-shadow:             0 0 52px hsla(215,100%,40%,.1) inset;  
}



/* ===================================== Landing Pad ========================================= */
.layout_cell_landing_pad {
  height:                   100px;
  margin-bottom:            10px;
  border-radius:            5px;
  
  background:               hsla(213, 10%, 10%, 0);
}
.darkTheme .layout_cell_landing_pad {
  background:               hsla(213, 5%, 10%, 0);
}
.darkBlueTheme .layout_cell_landing_pad {
  background:               hsla(200, 5%, 10%, 0);
}



/* ---------- Empty Cell Pad ---------- */
.layout_cell_landing_pad.empty_cell_pad {
  background:               hsla(213, 0%, 20%, .125);
}
.darkTheme .layout_cell_landing_pad.empty_cell_pad {
  background:               hsla(213, 10%, 5%, .3); 
}
.darkBlueTheme .layout_cell_landing_pad.empty_cell_pad {
  background:               hsla(200, 10%, 5%, .3); 
}


/* ---------- Available Space Pad -------- */
.layout_cell_landing_pad.available_space_pad {
  background:               hsla(213, 0%, 20%, .125);  
}
.darkTheme .layout_cell_landing_pad.available_space_pad {
  background:               hsla(213, 10%, 5%, .3);  
}
.darkBlueTheme .layout_cell_landing_pad.available_space_pad {
  background:               hsla(200, 10%, 5%, .3);  
}


/* ------ Dashboard Container Pad ------ */
.layout_cell_landing_pad.dashboard_container_landing_pad {
  position:                 relative;
  background:               hsla(213, 0%, 20%, .125);
}
.darkTheme .layout_cell_landing_pad.dashboard_container_landing_pad {
  background:               hsla(213, 5%, 10%, .1);
}
.darkBlueTheme .layout_cell_landing_pad.dashboard_container_landing_pad {
  background:               hsla(200, 5%, 10%, .1);
}
  
  
  
/* ------ Pad Hover Targets ------ */
.layout_cell_landing_pads_hover_target {
  width:                    1130px;
  height:                   60px;
  
  position:                 absolute;
  bottom:                   0px;
  background:               hsla(30,100%,50%,0);
  
  margin-left:              0px;
  
  display:                  block;
  float:                    left;
  z-index:                  999999999999;
}

.dash_container_landing_pad_hover_target {
  width:                    1130px;
  height:                   20px;
  
  position:                 absolute;
  bottom:                   0px;
  background:               hsla(120,100%,50%,0);
  
  margin-left:              0px;
  
  display:                  block;
  float:                    left;
  z-index:                  99999999999;
}
 
.widget_drop_marker_cont {
  width:                    100%;
  height:                   4px;
  
  position:                 relative;
   
  border-radius:            5px;
       
  float:                    left;
  z-index:                  6; 
}
.widget_drop_marker_cont.insertAbove,
.widget_drop_marker_cont.insertBetween,
.widget_drop_marker_cont.insertBelow {
  background:               hsla(213, 0%, 20%, .125);
}
.darkTheme .widget_drop_marker_cont.insertAbove,
.darkTheme .widget_drop_marker_cont.insertBetween,
.darkTheme .widget_drop_marker_cont.insertBelow {
  background:               hsla(213, 5%, 10%, .6);
}
.darkBlueTheme .widget_drop_marker_cont.insertAbove,
.darkBlueTheme .widget_drop_marker_cont.insertBetween,
.darkBlueTheme .widget_drop_marker_cont.insertBelow {
  background:               hsla(200, 5%, 10%, .6);
}

.widget_drop_marker_cont.removingContainer {
  height:                  0px !important;
  transition:              height ease-in-out 50ms;
}


.dashboard_container_widget .widget_drop_marker_cont.insertAbove,
.dashboard_container_widget .widget_drop_marker_cont.insertBetween,
.dashboard_container_widget .widget_drop_marker_cont.insertBelow {
  background:               hsla(215, 50%, 20%, .125);
}


.widget_drop_marker_cont .widget_drop_marker_bar {
  height:                   4px;
  
  width:                    0%;
  
  position:                 absolute;
  top:                      0px;
  bottom:                   0px;
  left:                     0px;
  right:                    0px;
    
  margin:                   auto;
  
  background-image:         -webkit-linear-gradient(left top, hsla(213,20%,40%,0) 0%, hsla(213,10%,40%,.5) 20%, hsla(213,10%,40%,.5) 80%, hsla(213,20%,40%,0) 100%);
  background-image:         -moz-linear-gradient(left top, hsla(213,20%,40%,0) 0%, hsla(213,10%,40%,.5) 20%, hsla(213,10%,40%,.5) 80%, hsla(213,20%,40%,0) 100%);
  background-image:         -ms-linear-gradient(left top, hsla(213,20%,40%,0) 0%, hsla(213,10%,40%,.5) 20%, hsla(213,10%,40%,.5) 80%, hsla(213,20%,40%,0) 100%);
  background-image:         linear-gradient(left top, hsla(213,20%,40%,0) 0%, hsla(213,10%,40%,.5) 20%, hsla(213,10%,40%,.5) 80%, hsla(213,20%,40%,0) 100%);
  
  opacity:                  0;
  transition:               width 100ms ease-out, opacity 100ms ease-in, box-shadow 100ms ease-out;  
}
.darkTheme .widget_drop_marker_cont .widget_drop_marker_bar {
  background-image:         -webkit-linear-gradient(left top, hsla(213,60%,50%,.3) 0%, hsla(213,40%,50%,.6) 10%, hsla(213,40%,70%,.6) 50%, hsla(213,60%,50%,.7) 90%, hsla(213,60%,50%,.3) 100%);
  background-image:         -moz-linear-gradient(left top, hsla(213,60%,50%,.3) 0%, hsla(213,40%,50%,.6) 10%, hsla(213,40%,70%,.6) 50%, hsla(213,60%,50%,.7) 90%, hsla(213,60%,50%,.3) 100%);
  background-image:         -ms-linear-gradient(left top, hsla(213,60%,50%,.3) 0%, hsla(213,40%,50%,.6) 10%, hsla(213,40%,70%,.6) 50%, hsla(213,60%,50%,.7) 90%, hsla(213,60%,50%,.3) 100%);
  background-image:         linear-gradient(left top, hsla(213,60%,50%,.3) 0%, hsla(213,40%,50%,.6) 10%, hsla(213,40%,70%,.6) 50%, hsla(213,60%,50%,.7) 90%, hsla(213,60%,50%,.3) 100%);
  box-shadow:               0 0 0px hsla(213,70%,50%,0);
}
.darkBlueTheme .widget_drop_marker_cont .widget_drop_marker_bar {
  background-image:         -webkit-linear-gradient(left top, hsla(200,60%,50%,.3) 0%, hsla(200,40%,50%,.6) 10%, hsla(200,40%,70%,.6) 50%, hsla(200,60%,50%,.7) 90%, hsla(200,60%,50%,.3) 100%);
  background-image:         -moz-linear-gradient(left top, hsla(200,60%,50%,.3) 0%, hsla(200,40%,50%,.6) 10%, hsla(200,40%,70%,.6) 50%, hsla(200,60%,50%,.7) 90%, hsla(200,60%,50%,.3) 100%);
  background-image:         -ms-linear-gradient(left top, hsla(200,60%,50%,.3) 0%, hsla(200,40%,50%,.6) 10%, hsla(200,40%,70%,.6) 50%, hsla(200,60%,50%,.7) 90%, hsla(200,60%,50%,.3) 100%);
  background-image:         linear-gradient(left top, hsla(200,60%,50%,.3) 0%, hsla(200,40%,50%,.6) 10%, hsla(200,40%,70%,.6) 50%, hsla(200,60%,50%,.7) 90%, hsla(200,60%,50%,.3) 100%);
  box-shadow:               0 0 0px hsla(200,70%,50%,0);
}

.dashboard_container_widget .widget_drop_marker_cont .widget_drop_marker_bar {
  background-image:         -webkit-linear-gradient(left top, hsla(215,40%,40%,0) 0%, hsla(215,40%,40%,.5) 20%, hsla(215,40%,40%,.5) 80%, hsla(215,40%,40%,0) 100%);
  background-image:         -moz-linear-gradient(left top, hsla(215,40%,40%,0) 0%, hsla(215,40%,40%,.5) 20%, hsla(215,40%,40%,.5) 80%, hsla(215,40%,40%,0) 100%);
  background-image:         -ms-linear-gradient(left top, hsla(215,40%,40%,0) 0%, hsla(215,40%,40%,.5) 20%, hsla(215,40%,40%,.5) 80%, hsla(215,40%,40%,0) 100%);
  background-image:         linear-gradient(left top, hsla(215,40%,40%,0) 0%, hsla(215,40%,40%,.5) 20%, hsla(215,40%,40%,.5) 80%, hsla(215,40%,40%,0) 100%);  
}


.validDropHover .widget_drop_marker_cont .widget_drop_marker_bar,
.layout_cell_landing_pad[active=yes] ~ .widget_drop_marker_cont .widget_drop_marker_bar {
  width:                    98%;
  opacity:                  .7;
  transition:               width 100ms ease-in, opacity 80ms ease-in-out;
}
.darkTheme .validDropHover .widget_drop_marker_cont .widget_drop_marker_bar,
.darkTheme  .layout_cell_landing_pad[active=yes] ~ .widget_drop_marker_cont .widget_drop_marker_bar {
  box-shadow:               0 0 12px hsla(213, 70%, 50%, .8);
  transition:               opacity 70ms ease-in-out, width 100ms ease-in, box-shadow 130ms ease-in;
}
.darkBlueTheme .validDropHover .widget_drop_marker_cont .widget_drop_marker_bar,
.darkBlueTheme  .layout_cell_landing_pad[active=yes] ~ .widget_drop_marker_cont .widget_drop_marker_bar {
  box-shadow:               0 0 12px hsla(200, 70%, 50%, .8);
  transition:               opacity 70ms ease-in-out, width 100ms ease-in, box-shadow 130ms ease-in;
}





/* -------------- DarkTheme Indicator -------------- */
.darkTheme .tree_loading,
.darkBlueTheme .tree_loading {
  background-image:         url(/concerto/img/indicator_dkGrayBG_16.gif);
}
  
  
/* ----------------- Drag Handle ------------------ */
.widget_drag_handle {
  margin-top:      -5px;
}

.widget_drag_handle[widget_selector_dragger],  
.widget_drag_handle[widget_location_id] {
  opacity:                  .3;
  cursor:                   no-drop;
}
.widget_drag_handle[widget_selector_dragger].validDrop,
.widget_drag_handle[widget_location_id].validDrop {
  opacity:                  1;
  cursor:                   move;
}





/* =========================================== PROPERTIES PANEL ============================================== */
.dpp_settings_panel {
  width:              100%;
  background-color:   hsl(0, 0%, 89%);
}

.dpp_settings_tree {
  width:              200px;
  white-space:        nowrap;
  vertical-align:     top;
}
  
.dpp_settings_tree_container {
  min-width:          200px;
  margin:             5px 5px 5px 5px;
  border:             1px solid hsl(0, 0%, 68%);
  background-color:   hsl(0, 100%, 100%);
  height:             300px;
  overflow:           auto; 
}  

.dpp_nav_div_dashboard, 
.dpp_nav_div_general, 
.dpp_nav_div_widgets,
.dpp_panel_dynamic_add {
  cursor:             pointer; 
}
 
.dpp_nav_div_dashboard {
  padding:            4px 4px 4px 20px;
}

.dpp_nav_div_general {
  padding:            4px 4px 4px 20px;"  
}

.dpp_nav_div_widgets {
  padding:            4px 4px 4px 0px;  
}

.dpp_panel_dynamic_add {
  padding:            4px 4px 4px 40px;
  background-color:   white;  
}
.dpp_panel_dynamic_add.settings {
  padding:            4px 4px 4px 55px;
  cursor:             auto;  
}

/* ------------ TABS CONTAINER ----------- */
.dpp_dashboard_edit_tab_general,
.dpp_widget_edit_tab_general {
  height:             20px;
    
  position:           relative; 
  color:              hsl(0, 0%, 15%);
  white-space:        nowrap;

  margin:             auto;
  
  padding-top:        5px;
  
  
  z-index:            10005;
}
.dpp_dashboard_edit_tab_general {
  width:              450px;
}

/* ------- Dashboard Layout Panel ------- */


/* ---------------------------------- Dashboard Properties Panel ----------------------------------------- */
.dashboard_properties_panel_padding,
.dashboard_properties_panel_misc {
  padding-left:             40px;
}
  
.dpp_widget_edit_tab_general {
  width:              175px;  
}

.dashboard_filter_criteria_table_container {
  padding:            5px 5px 5px 0px;
}

.dashboard_filter_criteria_table_cont {
  height:             210px;
  overflow:           auto;  
}

.dashboard_filter_criteria_table_cont tr.subscriptionDisabled select,
.dashboard_filter_criteria_table_cont tr.subscriptionDisabled .selectboxit-container,
.dashboard_filter_criteria_table_cont tr.subscriptionDisabled input,
.dashboard_filter_criteria_table_cont tr.subscriptionDisabled img {
  opacity:            .4;
}

.dashboard_filter_criteria_addAll {
  margin:             5px 0 0 5px;
  max-width:          255px;
}

.dashboard_filter_criteria_addAll .list_container {
  background-color:   hsla(213,0%,100%,1);
  margin-top:         5px;
  border:             1px solid hsl(213,5%,81%);
  border-radius:      5px;
  display:            none;
}

.dashboard_filter_criteria_addAll .select_all_container {
  padding:            5px 0 0 10px;
  float:              left;
}

.dashboard_filter_criteria_addAll .select_all_container  label{
  padding-left:       2px;
}

.dashboard_filter_criteria_addAll .btn_container {
  width:              100%;
  text-align:         right;
}

.dashboard_filter_criteria_addAll .btn_container input{
  height:             initial;
}

.dashboard_filter_criteria_addAll .all_fillter_list {
  border-top:         1px solid hsl(213,5%,81%);
  border-bottom:      1px solid hsl(213,5%,81%);
}

.dashboard_filter_criteria_addAll .add_btn, .dashboard_filter_criteria_addAll .cancel_btn{
  float:              none;
  margin:             5px 10px 5px 0;
  line-height:        15px;
  width:              40px;
  padding:            0;
    
}

.dashboard_filter_criteria_addAll ul {
  list-style-type:    none;
  padding:            2px 10px;
  margin:             0;
}

.dashboard_filter_criteria_addAll ul li label{
  padding-left:       2px;
}

/* ----- Widget List Table ---- */
#widget_list_div {
  width:              565px;  
}

#dpp_settings_widgetlist_table {
  padding-top:        2px;
}

#dpp_settings_widgetlist_table > tbody > tr {
  height:             23px;
}

#dpp_settings_widgetlist_table > tbody > tr > td:first-child {
  padding-left:       10px;
}
  
  
  /* ======= RIGHT PANEL BUTTONS ====== */  
.dpp_right_button_panel {
  width:              100px;
}


.dashboard_edit_background_image_select,
.dashboard_edit_background_image_opacity_select {
  width:              160px;
  max-width:          160px;
  text-overflow:      ellipsis;
}



/* ========================== Widget Settings ============================= */

/* -------- Multi-Cell Widgets Settings --------- */

.mutlicellsettings_section_heading {
  font-size:          12px;
  color:              hsl(213,0%,0%);
  padding-top:        18px;
  padding-bottom:     2px;
}

.mutlicellsettings_setting_title {
  width:              1%;
  
  font-size:          11px;
  color:              hsl(213,0%,10%);
    
  vertical-align:     top;
  
  padding-top:        5px;
  padding-left:       13px;
  
  text-align:         left;
  white-space:        nowrap;
  
}

.mutlicellsettings_setting_show_cell {
  padding-left:       13px;
}

.mutlicellsettings_setting_show_cell,
.mutlicellsettings_setting_selectbox {
  vertical-align:     top;
  
  padding-top:        5px;
  padding-bottom:     10px;
  
  white-space:        nowrap;
  
  border-bottom:      1px solid hsla(213,0%,0%,.2);
}

tr:last-child > .mutlicellsettings_setting_show_cell,
tr:last-child > .mutlicellsettings_setting_selectbox {
  padding-bottom:     15px;
  border-color:       hsla(213,0%,0%,0);
}

.mutlicellsettings_setting_supplemental_data_ui {
  padding-top:        2px;
  padding-left:       2px; 
  padding-right:      8px;  
}

.mutlicellsettings_setting_supplemental_data_ui label {
}

.mutlicellsettings_setting_supplemental_data_ui input[type=text] {
  width:              50px;
  margin-left:        3px;
}

.mpulse_main_cell_data.subs_disabled,
.widget_custom_cell_settings_table .mutlicellsettings_setting_title.subs_disabled,
.widget_custom_cell_settings_table .cell_module_block.subs_disabled .mutlicellsettings_setting_selectbox .left_section,
.widget_custom_cell_settings_table .cell_module_block.subs_disabled .mutlicellsettings_setting_selectbox .right_section{
  opacity:              .3;
}

.widget_custom_cell_settings_table .cell_module_block.subs_disabled .mutlicellsettings_setting_selectbox .left_section,
.widget_custom_cell_settings_table .cell_module_block.subs_disabled .mutlicellsettings_setting_selectbox .right_section{
  pointer-events:       none;
}


/* ========================== Percentile & Z-Value Combo UI ============================== */
.percentile_zvalue_combo.container {
  width:              100%;
  margin-top:         5px;
}

.percentile_zvalue_combo.zinput {
  width:              77px;
}

.percentile_zvalue_combo.zlabel {
  padding-left:       7px;
}




@media only screen and (max-width : 1250px){
  
  /* ================================== WIDGET SELECTOR PANEL ===================================== */
  
  .tileMode #widgetselection_panel_container .ygtvblankdepthcell,
  .tileMode #widgetselection_panel_container .ygtvdepthcell {
    width: 7px;
  }
     
  .tileMode #widgetselection_panel_container .ygtvspacer {
    width: 7px;
  } 
 
  .tileMode #widgetselection_panel_container .ygtvtn,
  .tileMode #widgetselection_panel_container .ygtvln {
    width: 7px;
  }
    
} 

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

  .tileMode .dpp_settings_panel {
    white-space:        nowrap;
  }

 /* ------------ TABS CONTAINER ----------- */  
  .tileMode .dpp_dashboard_edit_tab_general,
  .tileMode .dpp_widget_edit_tab_general {
  }
  
  .tileMode .dpp_dashboard_edit_tab_general {
    float:              left;
    margin-left:        22px;
  }
  
  .tileMode .dpp_widget_edit_tab_general {
    margin-left:        114px;
  }


 /* ------------ LEFT PANEL ----------- */
  .tileMode .dpp_settings_tree {
    width:              135px;
    display:            inline-block;
    float:                left;
  }
  
  .tileMode .dpp_settings_tree_container {
    min-width:          130px;
    margin:             5px 2px 5px 2px;
    height:             290px; 
  }
  
  .tileMode .dpp_nav_div_dashboard, 
  .tileMode .dpp_nav_div_general, 
  .tileMode .dpp_nav_div_widgets,
  .tileMode .dpp_panel_dynamic_add {
    font-size:          10px; 
  }
   
  .tileMode .dpp_nav_div_dashboard {
    padding:            4px 3px 3px 15px;
  }
  
  .tileMode .dpp_nav_div_general {
    padding:            4px 3px 3px 15px;  
  }
  
  .tileMode .dpp_nav_div_widgets {
    padding:            4px 3px 3px 0px;  
  }
  
  .tileMode .dpp_panel_dynamic_add {
    padding:            4px 3px 3px 20px; 
  }
  
  .tileMode .dpp_panel_dynamic_add.settings {
    padding:            4px 3px 3px 30px;
  }
 
  /* ------------ RIGHT PANELS ----------- */
  .tileMode .dashboard_lower_rounded_tabbed_panel {
    width:                380px;
    
    position:             relative;
    top:                  -18px;
    padding:              20px 7px 0px 7px;
    margin:               5px 5px 5px 0px;

    overflow:             auto;
  }
  
  .tileMode .dashboard_edit_location,
  .tileMode .dashboard_edit_name {
    width:                210px !important;
  }
  
  .tileMode .dashboard_lower_rounded_tabbed_panel #dashboard_edit_browse_button {
    width:                50px !important;
  }
  
  .tileMode .dpp_settings_panel_dashboard {
    width:                400px;
    display:              inline-block;
    margin-left:          5px;
    float:                left;
  }
  
  /* ------- Dashboard Layout Panel ------- */
  .tileMode #dashboard_edit_panel_layout .dash_layout_button {
    width:                45px;
    height:               42px;
    display:              inline-block;
  }
  
  .tileMode #dashboard_edit_panel_layout img {
    -webkit-transform:          scale(0.55);
    -moz-transform:             scale(0.55);
    -ms-transform:              scale(0.55);
    transform:                  scale(0.55);
    
    -webkit-transform-origin:   0% 0%;
    -moz-transform-origin:      0% 0%;
    -ms-transform-origin:       0% 0%;
    -transform-origin:          0% 0%;
  }

 /* ------- Dashboard Properties Panel ------- */
  .tileMode .dashboard_properties_panel_appearance,
  .tileMode .dashboard_properties_panel_padding,
  .tileMode .dashboard_properties_panel_misc {
    display:                  table;
  }
  .tileMode .dashboard_properties_panel_padding,
  .tileMode .dashboard_properties_panel_misc {
    padding-left:             15px;
  }


  /* ------------ Dashboard & Widget Filters ------------ */
  .tileMode .apply_following_criteria_option {
    width:              auto !important;
  }
   
  .tileMode .display_filter_toolbar_option {
    white-space:        nowrap;
    padding-left:       10px;
  }
     
  .tileMode .dashboard_filter_criteria_table_container {
    padding:            2px 5px 5px 0px;
  }
  
  .tileMode .dashboard_filter_criteria_table_cont {
    height:             210px;
    overflow-x:         hidden; 
    overflow-y:         auto;
    backgroundx:        red;  
  }

  .tileMode .dashboard_filter_criteria_table_cont > tbody > tr {
    height:             170px;
    overflow-x:         hidden;
    overflow-y:         auto;  
  }

  .tileMode .dpp_settings_panel_dashboard #dashboard_filter_criteria_table tbody tr,
  .tileMode #dpp_settings_panel_general #widget_filter_criteria_table tbody tr {
    width:              350px;
    height:             22px;
    padding:            0px;
    display:            block; 
  }

  .tileMode .dpp_settings_panel_dashboard #dashboard_filter_criteria_table tbody tr td,
  .tileMode #dpp_settings_panel_general #widget_filter_criteria_table tbody tr td {
    vertical-align:     top;
    float:              left;
    padding:            0px;
    margin:             0px; 
  }

  .tileMode .dpp_settings_panel_dashboard #dashboard_filter_criteria_table tbody tr td:nth-child(1),
  .tileMode #dpp_settings_panel_general #widget_filter_criteria_table tbody tr td:nth-child(1) {
  }
  .tileMode .dpp_settings_panel_dashboard #dashboard_filter_criteria_table tbody tr td:nth-child(2),
  .tileMode #dpp_settings_panel_general #widget_filter_criteria_table tbody tr td:nth-child(2) {
    margin-left:        3px;
  }
  .tileMode .dpp_settings_panel_dashboard #dashboard_filter_criteria_table tbody tr td:nth-child(3),
  .tileMode #dpp_settings_panel_general #widget_filter_criteria_table tbody tr td:nth-child(3) {
    max-width:          60px;
    margin-left:        3px;
  }
  .tileMode .dpp_settings_panel_dashboard #dashboard_filter_criteria_table tbody tr td:nth-child(4),
  .tileMode #dpp_settings_panel_general #widget_filter_criteria_table tbody tr td:nth-child(4) {
    width:              86px;
    float:              right;
    margin-right:       14px;
  }
    
  .tileMode .dpp_settings_panel_dashboard #dashboard_filter_criteria_table tbody tr td:nth-child(1) .selectboxit-container .selectboxit,
  .tileMode #dpp_settings_panel_general #widget_filter_criteria_table tbody tr td:nth-child(1) .selectboxit-container .selectboxit {
    width:              90px !important;
  }
  .tileMode .dpp_settings_panel_dashboard #dashboard_filter_criteria_table tbody tr td:nth-child(2) .selectboxit-container .selectboxit,
  .tileMode #dpp_settings_panel_general #widget_filter_criteria_table tbody tr td:nth-child(2) .selectboxit-container .selectboxit {
    width:              55px !important;
  }  
  .tileMode .dpp_settings_panel_dashboard #dashboard_filter_criteria_table tbody tr td:nth-child(3) .selectboxit-container .selectboxit,
  .tileMode #dpp_settings_panel_general #widget_filter_criteria_table tbody tr td:nth-child(3) .selectboxit-container .selectboxit {
    width:              80px !important;
  }

  .tileMode .dpp_settings_panel_dashboard #dashboard_filter_criteria_table tbody tr td:nth-child(3) .combobox_container,
  .tileMode #dpp_settings_panel_general #widget_filter_criteria_table tbody tr td:nth-child(3) .combobox_container {
    width:              82px !important;
  }
  .tileMode .dpp_settings_panel_dashboard #dashboard_filter_criteria_table tbody tr td:nth-child(3) .combobox_input,
  .tileMode #dpp_settings_panel_general #widget_filter_criteria_table tbody tr td:nth-child(3) .combobox_input {
    width:              68px !important;
  }

  .tileMode .dpp_settings_panel_dashboard #dashboard_filter_criteria_table tbody tr td .selectboxit-arrow-container .selectboxit-arrow,
  .tileMode #dpp_settings_panel_general #widget_filter_criteria_table tbody tr td .selectboxit-arrow-container .selectboxit-arrow {
    left:               2px;
  }

  .tileMode #dpp_settings_panel_general #widget_filter_criteria_copied_note {
    width:              348px;
    white-space:        initial;
    line-height:        1.4em;
  }
  
  .tileMode #dpp_settings_panel_widgetlist,
  .tileMode #dpp_settings_panel_customsettings,
  .tileMode #dpp_settings_panel_chartgeneral {
    width:              395px;
    float:              left;
    margin-left:        5px;
    display:            inline-block;
  }

  /* ----- Widget List Table ---- */
  .tileMode #widget_list_div {
    width:              365px;  
  }

  
  /* ============== RIGHT PANEL BUTTONS ================== */
  .tileMode .dpp_right_button_panel {
    display:              inline-block;
  }
  .tileMode .dpp_right_button_panel .ctButton {
    width:                45px !important;
  }
  
  
  
  /* ================================== WIDGET SELECTOR PANEL ===================================== */
  
  .tileMode #widgetselection_panel_container .ygtvblankdepthcell,
  .tileMode #widgetselection_panel_container .ygtvdepthcell {
    width: 4px;
  }
     
  .tileMode #widgetselection_panel_container .ygtvspacer {
    width: 4px;
  } 
 
  .tileMode #widgetselection_panel_container .ygtvtn,
  .tileMode #widgetselection_panel_container .ygtvln {
    width: 4px;
  }
    
}   


 
img.widgetSelectFrame_bottomLeft,
img.widgetSelectFrame_bottomRight {
  height: 20px;
}  
  

/* ================================== Stop XBox Elements Scrolling ===================================== */ 
.surpressXBoxScroll {
  overflow:       hidden; 
}
  
  
  
/* ================================== WOW Constrain To Edge UI ===================================== */ 
.wow_edge_constrain_ui {
  width:          calc(100% - 2px);
  height:         100%;
  
  position:       absolute;
  top:            1px;
  left:           1px;
  float:          left;
   
  border-radius:  5px;
   
  background:     hsla(213,0%,100%,.85);
  z-index:        99999;  
}
.darkTheme .wow_edge_constrain_ui {
  background:     hsla(213,15%,15%,.8);
}
.darkBlueTheme .wow_edge_constrain_ui {
  background:     hsla(200,15%,15%,.8);
}
  
  
.wow_edge_constrain_edgeButton {
  position:             absolute;
  float:                left;
  z-index:              0;
  opacity:              .4;
  cursor:               pointer;  
}
.wow_edge_constrain_edgeButton:hover {
  opacity:              .7;  
}
.wow_edge_constrain_edgeButton[active=true] {
  opacity:              1;  
}
.wow_edge_constrain_edgeButton[active=false] {
  opacity:              .3;  
}
.wow_edge_constrain_edgeButton[active=false]:hover {
  opacity:              .6;  
}

.wow_edge_constrain_edgeButton.TL {
  width:                40px;
  height:               40px;
  
  top:                  1px;
  left:                 1px;
       
  background-repeat:    no-repeat;
  background-position:  center center;
  background-size:      30px 30px;
  
  -webkit-transform:    rotate(0deg);
  -moz-transform:       rotate(0deg);
  -ms-transform:        rotate(0deg);
  transform:            rotate(0deg);
}
  
.wow_edge_constrain_edgeButton.TR {
  width:                40px;
  height:               40px;
  
  top:                  1px;
  right:                1px;
  
  background-repeat:    no-repeat;
  background-position:  center center;
  background-size:      30px 30px;
  
  -webkit-transform:    rotate(90deg);
  -moz-transform:       rotate(90deg);
  -ms-transform:        rotate(90deg);
  transform:            rotate(90deg); 
}
.wow_edge_constrain_edgeButton.BR {
  width:                40px;
  height:               40px;
  
  bottom:               0px;
  right:                1px;
  
  background-repeat:    no-repeat;
  background-position:  center center;
  background-size:      30px 30px;
  
  -webkit-transform:    rotate(180deg);
  -moz-transform:       rotate(180deg);
  -ms-transform:        rotate(180deg);
  transform:            rotate(180deg); 
}
.wow_edge_constrain_edgeButton.BL {
  width:                40px;
  height:               40px;
  
  bottom:               0px;
  left:                 0px;
  
  background-repeat:    no-repeat;
  background-position:  center center;
  background-size:      30px 30px;
  
  -webkit-transform:    rotate(270deg);
  -moz-transform:       rotate(270deg);
  -ms-transform:        rotate(270deg);
  transform:            rotate(270deg); 
}

.wow_edge_constrain_edgeButton.T {
  width:                calc(100% - 81px);
  height:               40px;
  
  top:                  0px;
  left:                 41px;

  background-repeat:    repeat-x, no-repeat;
  background-position:  center center;
  background-size:      30px 30px;
   
}
.wow_edge_constrain_edgeButton.T:hover {
  background-position:  center center, center -40%;
}
  
.wow_edge_constrain_edgeButton.R {
  width:                40px;
  height:               calc(100% - 81px);
  
  top:                  40px;
  right:                1px;

  background-repeat:    repeat-y, no-repeat;
  background-position:  center center;
  background-size:      30px 30px;
  
  -webkit-transform:    rotate(180deg);
  -moz-transform:       rotate(180deg);
  -ms-transform:        rotate(180deg);
  transform:            rotate(180deg); 
    
}
.wow_edge_constrain_edgeButton.R:hover {
  background-position:  center center, -40% center;
}

.wow_edge_constrain_edgeButton.B {
  width:                calc(100% - 81px);
  height:               40px;
  
  bottom:               0px;
  left:                 40px;
 
  background-repeat:    repeat-x, no-repeat;
  background-position:  center center;
  background-size:      30px 30px;
  
  -webkit-transform:    rotate(180deg);
  -moz-transform:       rotate(180deg);
  -ms-transform:        rotate(180deg);
  transform:            rotate(180deg);  
}
.wow_edge_constrain_edgeButton.B:hover {
  background-position:  center center, center -40%;
}

.wow_edge_constrain_edgeButton.L {
  width:                40px;
  height:               calc(100% - 81px);
  
  top:                  40px;
  left:                 0px;

  background-repeat:    repeat-y, no-repeat;
  background-position:  center center;
  background-size:      30px 30px; 
}  
.wow_edge_constrain_edgeButton.L:hover {
  background-position:  center center, -40% center;
}



/* --------------------- Positional Constraints Panel ---------------------- */  
.wow_edge_constrain_dialogue {
  height:               110px;
  
  box-sizing:           border-box;
  
  position:             absolute;
  top:                  0px;
  bottom:               0px;
  left:                 0px;
  right:                0px;
  
  margin:               auto;
  
  background:           -webkit-linear-gradient(top, hsla(213,5%,99%,.95) 0%, hsla(213,10%,85%,.95) 100%);
  background:           -moz-linear-gradient(top, hsla(213,5%,99%,.95) 0%, hsla(213,10%,85%,.95) 100%);
  background:           -ms-linear-gradient(top, hsla(213,5%,99%,.95) 0%, hsla(213,10%,85%,.95) 100%);
  background:           linear-gradient(top, hsla(213,5%,99%,.95) 0%, hsla(213,10%,85%,.95) 100%);
  
  border:               1px solid hsl(213,20%,75%);
  border-bottom-color:  hsl(213,20%,50%);
  border-right-color:   hsl(213,20%,55%);
  
  box-shadow:           0 0 28px hsl(213,40%,100%), 0 0 58px hsl(213,40%,100%);
  
  border-radius:        14px;
  
  display:              block;
  float:                left;
  
  opacity:              1;
    
  transition:           opacity 300ms ease-in-out;
}
.wow_edge_constrain_dialogue[mode=two_opt] {
  width:                184px;
}
.wow_edge_constrain_dialogue[positional_constraint_allowed=false] {
  opacity:              0.3;
  transition:           opacity 100ms ease-in-out;
}

.darkTheme .wow_edge_constrain_dialogue {
  background:           -webkit-linear-gradient(top, hsla(213,0%,28%,.95) 0%, hsla(213,0%,10%,.95) 100%);
  backgroundx:          -moz-linear-gradient(top, hsla(213,0%,28%,.95) 0%, hsla(213,0%,10%,.95) 100%);
  backgroundx:          -ms-linear-gradient(top, hsla(213,0%,28%,.95) 0%, hsla(213,0%,10%,.95) 100%);
  backgroundx:          linear-gradient(top, hsla(213,0%,28%,.95) 0%, hsla(213,0%,10%,.95) 100%);
  
  border-color:         hsl(213,0%,5%);
  box-shadow:           0 0 25px hsla(213,40%,60%,.4), 0 0 58px hsla(213,40%,50%,.5);
}
.darkBlueTheme .wow_edge_constrain_dialogue {
  background:           -webkit-linear-gradient(top, hsla(200,0%,28%,.95) 0%, hsla(200,0%,10%,.95) 100%);
  backgroundx:          -moz-linear-gradient(top, hsla(200,0%,28%,.95) 0%, hsla(200,0%,10%,.95) 100%);
  backgroundx:          -ms-linear-gradient(top, hsla(200,0%,28%,.95) 0%, hsla(200,0%,10%,.95) 100%);
  backgroundx:          linear-gradient(top, hsla(200,0%,28%,.95) 0%, hsla(200,0%,10%,.95) 100%);
  
  border-color:         hsl(213,0%,5%);
  box-shadow:           0 0 25px hsla(200,40%,60%,.4), 0 0 58px hsla(200,40%,50%,.5);
}





.wow_edge_constrain_dialogue .opt {
  width:                65px;
  height:               56px;
  
  background:           -webkit-linear-gradient(top, hsl(213,10%,70%) 0%, hsl(213,10%,55%) 100%);
  background:           -moz-linear-gradient(top, hsl(213,10%,70%) 0%, hsl(213,10%,55%) 100%);
  background:           -ms-linear-gradient(top, hsl(213,10%,70%) 0%, hsl(213,10%,55%) 100%);
  background:           linear-gradient(top, hsl(213,10%,70%) 0%, hsl(213,10%,55%) 100%);
  
  border-radius:        9px;
  
  margin-top:           15px;
  margin-bottom:        3px;
  margin-left:          15px;
  
  padding:              2px;
  
  cursor:               pointer;
  
  opacity:              0.6;
  
  display:              inline-block;
  float:                left;
}
.wow_edge_constrain_dialogue .opt[active=true] {
  opacity:              1.0;
}
  
.wow_edge_constrain_dialogue .opt:hover {
  background:           -webkit-linear-gradient(top, hsl(213,10%,65%) 0%, hsl(213,10%,50%) 100%);
  background:           -moz-linear-gradient(top, hsl(213,10%,65%) 0%, hsl(213,10%,50%) 100%);
  background:           -ms-linear-gradient(top, hsl(213,10%,65%) 0%, hsl(213,10%,50%) 100%);
  background:           linear-gradient(top, hsl(213,10%,65%) 0%, hsl(213,10%,50%) 100%);
}

.darkTheme .wow_edge_constrain_dialogue .opt {
  background:           -webkit-linear-gradient(top, hsl(213,13%,55%) 0%, hsl(213,13%,32%) 100%);
  background:           -moz-linear-gradient(top, hsl(213,13%,55%) 0%, hsl(213,13%,32%) 100%);
  background:           -ms-linear-gradient(top, hsl(213,13%,55%) 0%, hsl(213,13%,32%) 100%);
  background:           linear-gradient(top, hsl(213,13%,55%) 0%, hsl(213,13%,32%) 100%);
}
.darkBlueTheme .wow_edge_constrain_dialogue .opt {
  background:           -webkit-linear-gradient(top, hsl(200,13%,55%) 0%, hsl(200,13%,32%) 100%);
  background:           -moz-linear-gradient(top, hsl(200,13%,55%) 0%, hsl(200,13%,32%) 100%);
  background:           -ms-linear-gradient(top, hsl(200,13%,55%) 0%, hsl(200,13%,32%) 100%);
  background:           linear-gradient(top, hsl(200,13%,55%) 0%, hsl(200,13%,32%) 100%);
}

.darkTheme .wow_edge_constrain_dialogue .opt:hover {
  background:           -webkit-linear-gradient(top, hsl(213,13%,65%) 0%, hsl(213,13%,45%) 100%);
  background:           -moz-linear-gradient(top, hsl(213,13%,65%) 0%, hsl(213,13%,45%) 100%);
  background:           -ms-linear-gradient(top, hsl(213,13%,65%) 0%, hsl(213,13%,45%) 100%);
  background:           linear-gradient(top, hsl(213,13%,65%) 0%, hsl(213,13%,45%) 100%);
}
.darkBlueTheme .wow_edge_constrain_dialogue .opt:hover {
  background:           -webkit-linear-gradient(top, hsl(200,13%,65%) 0%, hsl(200,13%,45%) 100%);
  background:           -moz-linear-gradient(top, hsl(200,13%,65%) 0%, hsl(200,13%,45%) 100%);
  background:           -ms-linear-gradient(top, hsl(200,13%,65%) 0%, hsl(200,13%,45%) 100%);
  background:           linear-gradient(top, hsl(200,13%,65%) 0%, hsl(200,13%,45%) 100%);
}




.wow_edge_constrain_dialogue .opt img {
  width:                65px;
  height:               56px;
  
  background-repeat:    no-repeat;
  background-position:  0px 0px;
  background-size:      65px 65px;
  
  border-style:         none;
  
  opacity:              .85;
}
.wow_edge_constrain_dialogue .opt[active=true] img {
  opacity:              1;
}

.wow_edge_constrain_dialogue .opt:hover img {
  opacity:              .95;
}

.darkTheme .wow_edge_constrain_dialogue .opt img,
.darkBlueTheme .wow_edge_constrain_dialogue .opt img {
  opacity:              .5;
}
.darkTheme .wow_edge_constrain_dialogue .opt:hover img,
.darkBlueTheme .wow_edge_constrain_dialogue .opt:hover img {
  opacity:              .9;
}


.wow_edge_constrain_dialogue .opt.none img {
  background-image:     url('/concerto/img/wow_constrain_position_constraint_button_none.svg');
}
.wow_edge_constrain_dialogue .opt.fifty_percent img {
  background-image:     url('/concerto/img/wow_constrain_position_constraint_button_50pc.svg');
}


.wow_edge_constrain_dialogue .opt .opt_label {
  width:                110%;
  
  font-size:            11px;
  color:                hsl(213,5%,50%);
  text-align:           center; 
  
  margin-left:          -5%;
  margin-top:           8px;
} 
.wow_edge_constrain_dialogue .opt:hover .opt_label {
  color:                hsl(213,20%,20%);
}
.wow_edge_constrain_dialogue .opt[active=true] .opt_label {
  color:                hsl(213,20%,5%);
}

.darkTheme .wow_edge_constrain_dialogue .opt .opt_label {
  color:                hsl(213,2%,55%);
}
.darkBlueTheme .wow_edge_constrain_dialogue .opt .opt_label {
  color:                hsl(200,2%,55%);
}

.darkTheme .wow_edge_constrain_dialogue .opt:hover .opt_label {
  color:                hsl(213,2%,80%);
}
.darkBlueTheme .wow_edge_constrain_dialogue .opt:hover .opt_label {
  color:                hsl(200,2%,80%);
}





/* ========================================================== FLAT THEME ======================================================== */

.dashboard_widget_filter_toolbar_container {
  background:               hsl(220, 18%, 96%);
  
  text-align:               left;
  white-space:              normal;
  padding:                  3px 0px 3px 0px;
  border-bottom:            1px solid hsl(213, 8%, 71%);
}
.darkTheme .dashboard_widget_filter_toolbar_container {
  background:               hsl(213, 2%, 15%);
  border-bottom-color:      hsla(213, 2%, 2%,.2); 
}
.darkBlueTheme .dashboard_widget_filter_toolbar_container {
  background:               hsl(200, 75%, 23%);
  border-bottom-color:      hsla(200, 100%, 1%, .2); 
}

.dashboard_widget_filter_toolbar_container .dashboard_name_div { 
  border-radius:            0px;
  border:                   none;
  
  font-size:                12px;
  line-height:              12px;
  color:                    hsl(213, 10%, 10%);
  
  background:               transparent;
  
  margin:                   0 0 0 10px;
  padding:                  7px 10px 0px 5px;
  
  box-shadow:               none;
}
.dashboard_widget_filter_toolbar_container .dashboard_name_div span {
  color:                    hsl(219, 5%, 65%) !important;
  text-shadow:              0 0 7px hsla(213, 50%, 60%, .2);
}

.dashboard_widget_filter_toolbar_container .dashboard_widget_filter_toolbar {
  border-radius:            0px;
  border:                   0px solid hsla(0, 0%, 0%, 0.2);
  background:               transparent;
  padding:                  0px 6px 0px 0px;
  margin:                   0;
  box-shadow:               none;
}




/* --------------------------------- Simple Multi Combo Box --------------------------------- */
.dashboard_widget_filter_toolbar_container .simpleMultiComboBox-container .dropdown {
  background:           hsla(213, 0%, 100%, 1);
  
  border:               1px solid hsl(213,10%,75%); 

  box-shadow:           0 0 42px hsla(213,30%,30%,.1), 0 9px 18px hsla(213,30%,30%,.075), 0px 9px 8px hsla(213,30%,30%,.075);
}

.dashboard_widget_filter_toolbar_container .simpleMultiComboBox-container ul li {
  padding:              .2em 1.0em .15em 0.8em;
}

.dashboard_filter_criteria_table_container .simpleMultiComboBox-container ul li {
  padding:              .2em 1.0em .3em 0.8em;
}

/* ------------------------------- Filterbar Grouped UIs ------------------------------------ */
.filterGroupUI {
  height:               18px;
}

.filterGroupUI .filter_label_span {
  height:               18px;
  
  line-height:          18px;
  
  vertical-align:       top !important;
  padding-bottom:       0px;
}


.filterGroupUI:hover .filter_label_span {
  height:               18px;
  color:                hsla(220, 0%, 100%, 1) !important;
  background:           transparent;
  margin:               0;
  border-radius:        4px 0 0 4px;
}

.darkTheme .filterGroupUI .filter_label_show_inline {
  color:                hsl(213, 10%, 60%) !important;
}
.darkBlueTheme .filterGroupUI .filter_label_show_inline {
  color:                hsl(200, 30%, 75%) !important;
}

.darkTheme .filterGroupUI:hover .filter_label_show_inline {
  color:                hsl(213, 10%, 80%) !important;
}
.darkBlueTheme .filterGroupUI:hover .filter_label_show_inline {
  color:                hsl(200, 100%, 90%) !important;
}

.darkTheme .filterGroupUI div.selectWrapper,
.darkBlueTheme .filterGroupUI div.selectWrapper {
  border:               none !important;
  box-shadow:           none;
  background:           none;
}
.darkTheme .filterGroupUI div.selectWrapper select,
.darkBlueTheme .filterGroupUI div.selectWrapper select {
  border:               none !important;
  box-shadow:           none;
  background:           none;
}

.darkTheme .dashboard_widget_filter_toolbar .filterGroupUI select {
  color:              hsl(213, 5% , 60%);
}
.darkBlueTheme .dashboard_widget_filter_toolbar .filterGroupUI select {
  color:              hsl(200, 5%, 60%);
}

.darkTheme .dashboard_widget_filter_toolbar_container .filterGroupUI .combobox_input,
.darkBlueTheme .dashboard_widget_filter_toolbar_container .filterGroupUI .combobox_input {
  border:             none !important;
  box-shadow:         none;
}
.darkTheme .dashboard_widget_filter_toolbar_container .filterGroupUI .combobox_input {
  background:         hsla(213, 10%, 2%,.4);
  color:              hsl(213,5%,65%);
}
.darkBlueTheme .dashboard_widget_filter_toolbar_container .filterGroupUI .combobox_input {
  background:         hsla(200, 10%, 2%,.4);
  color:              hsl(200,5%,65%);
}

.darkTheme .filterGroupUI .comboSvgWrapper:hover,
.darkBlueTheme .filterGroupUI .comboSvgWrapper:hover,
.darkTheme .filterGroupUI .comboSvgWrapper:focus, .darkTheme .comboSvgWrapper:active,
.darkBlueTheme .filterGroupUI .comboSvgWrapper:focus, .darkTheme .comboSvgWrapper:active {
  background:         none;
  box-shadow:         none;
}




/* ------------------------------- Filterbar Grouped UIs ------------------------------------ */





/* -------------------- ComboBox -------------------- */
.filterGroupUI .combobox_container {
  height:               18px;
  border-radius:        0 4px 4px 0; 
}
.filterGroupUI:hover .combobox_container {
  backgroundx:           hsl(220, 11%, 78%); 
}

.dashboard_widget_filter_toolbar_container .combobox_input {
  height:               14px !important;
  line-height:          14px !important;
  
  border:               none;
  border-radius:        2px;
  
  margin-top:           2px!important;
  
  box-shadow:           none;
  background:           white;
}
.dashboard_widget_filter_toolbar_container .combobox_input:focus {
  box-shadow:           none;
}

.filterGroupUI .comboSvgWrapper { 
  height:               20px;
  color:                hsl(0, 0%, 0%);
  border-radius:        0 4px 4px 0;
  border:               none;

  cursor:               pointer;

  box-shadow:           none;
  background:           transparent;
}
.dashboard_widget_filter_toolbar_container .filterGroupUI .combobox_text .selectboxit-arrow-container .selectboxit-arrow {
  top:                  5px;
  left:                 5px;
}
.dashboard_widget_filter_toolbar_container .filterGroupUI .combobox_container:hover .selectboxit-arrow-container .selectboxit-arrow {
  opacity:              1;
}


/* -------------------- MultiComboBox -------------------- */
.dashboard_body .widget_filter_toolbar .filterGroupUI div.selectWrapper,
.dashboard_body .dashboard_widget_filter_toolbar .filterGroupUI div.selectWrapper {
  height:               18px !important;
  
  vertical-align:       top;
  
  border:               none;
  border-radius:        0 4px 4px 0;
  
  margin:               0;  
    
  background:           transparent;
  box-shadow:           none;  
}

.filterGroupUI div.selectWrapper select {
  border:               none;
  box-shadow:           none;
}

.widget_filter_toolbar .filterGroupUI select.styledSelect ~ i.soastaArrow,
.dashboard_widget_filter_toolbar .filterGroupUI select.styledSelect ~ i.soastaArrow {
  width:                18px;
  height:               18px;

  position:             absolute;
  right:                0px !important;
  top:                  0px !important;
  
  background-image:     none;
  border-radius:        0;
  
  border:               none;
  
  backgroundx:           transparent;
  
  pointer-events:       none;
  
  margin-left:          -20px;

  opacity:              1;
}

.dashboard_body .widget_filter_toolbar .filterGroupUI .selectWrapper select.styledSelect ~ i.soastaArrow:after,
.dashboard_body .dashboard_widget_filter_toolbar .filterGroupUI .selectWrapper select.styledSelect ~ i.soastaArrow:after {
  width:                8px;
  height:               8px;

  background-color:     transparent;
  background-position:  0px 0px;
  background-repeat:    no-repeat;
  background-size:      cover;
  
  margin:               6px 0 0 5px;
  
  pointer-events:       none;
  box-shadow:           none;
  text-shadow:          none;
  
  display:              inline-block;
  float:                left;
  opacity:              1;
}
.dashboard_body .widget_filter_toolbar .filterGroupUI:hover .selectWrapper select.styledSelect ~ i.soastaArrow:after,
.dashboard_body .dashboard_widget_filter_toolbar .filterGroupUI:hover .selectWrapper select.styledSelect ~ i.soastaArrow:after {
  opacity:              .7;
}
.dashboard_body .widget_filter_toolbar .filterGroupUI .selectWrapper:hover select.styledSelect ~ i.soastaArrow:after,
.dashboard_body .dashboard_widget_filter_toolbar .filterGroupUI .selectWrapper:hover select.styledSelect ~ i.soastaArrow:after {
  opacity:              1;
}

.dashboard_body .widget_filter_toolbar .filterGroupUI div.selectWrapper,
.dashboard_body .dashboard_widget_filter_toolbar .filterGroupUI div.selectWrapper {
  width:                auto !important;
  height:               18px !important;
  
  line-height:          18px;
  
  margin-left:          0px;
}

.dashboard_body .widget_filter_toolbar .filterGroupUI .selectWrapper select,
.dashboard_body .dashboard_widget_filter_toolbar .filterGroupUI .selectWrapper select {
  width:                auto !important;
  height:               18px !important;
  line-height:          18px;
  text-shadow:          none;
  
  padding-left:         3px;
  padding-right:        17px;
}
.dashboard_body .widget_filter_toolbar .filterGroupUI:hover .selectWrapper select,
.dashboard_body .dashboard_widget_filter_toolbar .filterGroupUI:hover .selectWrapper select {
  color:                hsla(213,0%,100%,.8) !important;  
}
.dashboard_body .widget_filter_toolbar .filterGroupUI:hover .selectWrapper:hover select,
.dashboard_body .dashboard_widget_filter_toolbar .filterGroupUI:hover .selectWrapper:hover select {
  color:                hsla(213,0%,100%,1) !important;
}

.dashboard_widget_filter_toolbar_select.hidden_select {
  margin:               390px 0 0 -1390px !important;
  visibility:           hidden !important;
  opacity:              0.2 !important;
}




/* ================================ Dashboard Overview UI =================================== */
.flusher_row {
  position:            relative;
}

.row_cell_icon_container {
  position:            relative;
  background:          transparent;            
}

.flusher_type_icon {
  position:            relative;
  top:                 4px;
  bottom:              0px;
  
  box-sizing:          border-box;
  border:              0px solid red;
  
  margin:              auto 7px auto 3px;
}

img.flusherSubIcon {
  width:              0px;
  height:             0px;
}
.component_failure img.flusherSubIcon {
  width:                10px;
  height:               10px;
  
  position:             absolute;
  bottom:               -4px;
  right:                5px;
  
  border-radius:        30px;
  
  background:           black;
  background-repeat:    no-repeat no-repeat;
  background-size:      10px 10px;
  background-position:  0px 0px;
  
  overflow:             hidden;
  display:              block;
}

.indent_padding {
  width:               19px;
  height:              2px;
  background:          transparent;
  display:             inline-block;          
}

.pass_fail_container {
  height:              26px;
  
  vertical-align:      top;
  white-space:         nowrap;
  
  display:             block;
}

.pass_fail_container .pass_fail_label {
  width:               auto;
  height:              12px;

  font-size:           11px;
  line-height:         11px;
  vertical-align:      top;
  letter-spacing:      .05em;
    
  padding:             0 0 0 .15em;
  margin:              7px 0 0 5px;
  
  display:             inline-block; 
}

.pass_fail_container .pass_fail_icon {
  width:               12px;
  height:              12px;
  
  background:          hsl(0,50%,50%);
  
  border-radius:       100%;
  
  margin:              7px 0 0 7px;
  
  cursor:              pointer;
  
  display:             inline-block; 
}
.pass_fail_container.single .pass_fail_icon {
  background:          hsl(117,100%,40%); 
}
.pass_fail_container .pass_fail_icon.null {
  background:          hsla(213,5%,30%,.3);
  cursor:              auto;
}
.pass_fail_container .pass_fail_icon.true {
  background:          hsl(117,100%,40%); 
}
.pass_fail_container .pass_fail_icon.true:hover {
  background:          hsl(127,100%,30%); 
}
.pass_fail_container .pass_fail_icon.false {
  background:          hsl(2,94%,55%);
}
.pass_fail_container .pass_fail_icon.false:hover {
  background:          hsl(340,100%,39%);
}
.pass_fail_container .pass_fail_icon.warning {
  background:          hsl(60, 100%, 50%);
}
.pass_fail_container .pass_fail_icon.warning:hover {
  background:          hsl(60, 100%, 30%);
}


.pass_fail_container .pass_fail_icon.null.loadingPulse {
  -webkit-animation:                  loadingPulse 2s;
   animation:                         loadingPulse 2s;
  -webkit-animation-iteration-count:  60;
  animation-iteration-count:          60;
}
@-webkit-keyframes loadingPulse {
    0%   {opacity: 1;}
    5%  {opacity: .9;}
    10%  {opacity: .8;}
    15%  {opacity: .7;}
    20%  {opacity: .6;}
    25%  {opacity: .5;}
    30%  {opacity: .4;}
    35%  {opacity: .3;}
    40%  {opacity: .2;}
    45%  {opacity: .1;}
    50%  {opacity: 0;}
    55%   {opacity: .1;}
    60%  {opacity: .2;}
    65%  {opacity: .3;}
    70%  {opacity: .4;}
    75%  {opacity: .5;}
    80%  {opacity: .6;}
    85%  {opacity: .7;}
    90%  {opacity: .8;}
    95%  {opacity: .9;}
    100%  {opacity: 1;}
}
@keyframes loadingPulse {
    0%   {opacity: 1;}
    5%  {opacity: .9;}
    10%  {opacity: .8;}
    15%  {opacity: .7;}
    20%  {opacity: .6;}
    25%  {opacity: .5;}
    30%  {opacity: .4;}
    35%  {opacity: .3;}
    40%  {opacity: .2;}
    45%  {opacity: .1;}
    50%  {opacity: 0;}
    55%   {opacity: .1;}
    60%  {opacity: .2;}
    65%  {opacity: .3;}
    70%  {opacity: .4;}
    75%  {opacity: .5;}
    80%  {opacity: .6;}
    85%  {opacity: .7;}
    90%  {opacity: .8;}
    95%  {opacity: .9;}
    100%  {opacity: 1;}
}


.pass_fail_container .pass_fail_icon.selected {
  box-shadow:         0 0 0 2px hsl(216, 100%, 100%), 0 0 0 4px hsl(216, 100%, 62%);
}
.darkTheme .pass_fail_container .pass_fail_icon.selected {
  box-shadow:         0 0 0 2px hsl(216, 100%, 15%), 0 0 0 4px hsl(220, 100%, 64%);
}
.darkBlueTheme .pass_fail_container .pass_fail_icon.selected {
  box-shadow:         0 0 0 2px hsl(216, 100%, 15%), 0 0 0 4px hsl(220, 100%, 64%);
}

.date_time_container,
.duration_container {
  width:              100%;
  height:             auto;
  
  color:               hsl(208, 14%, 34%);
  font-size:           12px;
  line-height:         1.3em;
  vertical-align:      top;
  letter-spacing:      .05em;

  padding:             0;
}
.date_time_container {  
  text-align:         left;
  margin:             4px 3px 0 3px;
  display:            table;
}
.duration_container {  
  text-align:         right;
  display:            inline-block;
}

.duration_container .duration_text,
.duration_container .duration_text.suffix {  
  text-align:         right;
  display:            inline-block;
}
  
.darkTheme .date_time_container,
.darkTheme .duration_container {
  color:              hsl(208, 2%, 48%); 
}
.darkBlueTheme .date_time_container,
.darkBlueTheme .duration_container {
  color:              hsl(208, 2%, 48%); 
}

.duration_text.suffix {
  color:              hsl(208, 5%, 60%);
  padding-left:       .15em;
}
.darkTheme .duration_text.suffix {
  color:              hsl(208, 8%, 40%);
}
.darkBlueTheme .duration_text.suffix {
  color:              hsl(208, 8%, 40%);
}




/** ==================== Custom Settings ====================== */
.widget_custom_settings_table {
  width:                100%;
}

.widget_custom_settings_table .chart_module_title {
  width:                1%;
    
  vertical-align:       top;
  color:                hsl(213,10%,10%);
  text-align:           left;
  white-space:          nowrap;
  
  padding-top:          5px;  
}

.widget_custom_settings_table .chart_module_title.subs_disabled,
.widget_custom_settings_table .chart_module_block.subs_disabled .chart_module_block_left .enable_chart_checkbox,
.widget_custom_settings_table .chart_module_block.subs_disabled .chart_module_block_right {
  opacity:              .3;
}
.widget_custom_settings_table .chart_module_block.subs_disabled .chart_module_block_left .enable_chart_checkbox,
.widget_custom_settings_table .chart_module_block.subs_disabled .chart_module_block_right {
  pointer-events:       none;
}

.widget_custom_settings_table .chart_module_block_left,
.widget_custom_settings_table .chart_module_block_right {
  vertical-align:       top;
  color:                hsl(213,5%,20%);
  white-space:          nowrap;
  
  padding-top:          3px;
  padding-bottom:       5px;
  
  z-index:              10;  
}




.chart_module_block_right_row {
  margin-top:           6px;
}

.linked_dashboard_label {
  vertical-align:       top; 
}
.linked_dashboard_link {
  display:              inline-block;
}

/* widget Menus */
.widget-menu-no-titlebar {
 position:absolute;
 right:0px;
 z-index: 1;
 padding:0px 4px 4px 4px;
}
.widget-menu-no-titlebar-borders {
 border-bottom:1px solid rgba(0,0,0,.2);
 border-left: 1px solid rgba(0,0,0,.2);
 border-bottom-left-radius: 5px;
}
.widget-menu-no-titlebar-no-borders {
 border:1px solid rgba(0,0,0,.2);
 border-radius: 5px;
 background-color: rgba(255,255,255,.7);
}
.widget-menu-dropbtn {
    cursor: pointer;
}
.widget-menu-dropdown {
    
    display:  inline-block;
    transition: opacity 100ms ease-in 50ms ;
    opacity:0;
    /* backface-visibility added to handle flicker (case 107710) */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.widget-menu-dropdown-content {
    display:          none;
    position:         absolute;
    box-shadow:       0px 8px 16px 8px rgba(0,0,0,0.2);
    z-index:          10121; /* Above HUD Toolbar (Globe Settings) */
    text-align:       left;
    right:            0;
    margin:           1px -4px 0px 0px;
    background-color: hsl(213,0%,100%) !important;
}
.darkTheme .widget-menu-dropdown-content {
    box-shadow:       0 0 12px hsla(213,50%,60%,0.1), 0 0 140px hsla(213,100%,60%,0.15);
    border:           1px solid hsl(213, 3%, 38%);
    background-color: rgba(24, 25, 26, .98);
}
.darkBlueTheme .widget-menu-dropdown-content {
    box-shadow:       0 0 12px hsla(200,50%,60%,0.1), 0 0 140px hsla(200,100%,60%,0.15);
    border:           1px solid hsl(200, 3%, 38%);
    background-color: rgba(24, 25, 26, .98);
}

.widget-menu-dropdown-content a {
    color:            black;
    padding:          5px 8px;
    text-decoration:  none;
    display:          block;
    white-space:      nowrap;
    overflow:         hidden;
}
.darkTheme .widget-menu-dropdown-content a {
    color:            hsl(213, 5%, 75%);
    background-color: hsla(213, 4%, 10%, .98);
}
.darkBlueTheme .widget-menu-dropdown-content a {
    color:            hsl(200, 5%, 75%);
    background-color: hsla(200, 4%, 10%, .98);
}
.widget-menu-dropdown-content a:hover {
    background-color: #f1f1f1;
}
.darkTheme .widget-menu-dropdown-content a:hover {
    color:            hsl(213, 50%, 100%);
    background-color: hsl(213, 4%, 25%);
}
.darkBlueTheme .widget-menu-dropdown-content a:hover {
    color:            hsl(200, 50%, 100%);
    background-color: hsl(200, 4%, 25%);
}



/* ========= Interval Selector ========== */
.granularity-container select {
   height:       15px;
     
    color:        hsl(213, 11%, 36%);
    text-shadow:     none;
    
    border:       none;
    border-radius:    3px; 

    background:     transparent;
    box-shadow:     none;

    outline:      none; /* remove focus ring from Webkit */
}
.darkTheme .granularity-container select {
  border:         none !important;
  background:     hsl(213, 5%, 30%);
  color:          hsl(213, 5%, 65%);
}
.darkBlueTheme .granularity-container select {
  border:         none !important;
  background:     hsl(200, 75%, 28%);
  color:          hsl(200, 30%, 70%);
}

.granularity-container select:hover {
    background:     hsl(213, 10%, 78%);
    color:        hsl(213, 10%, 100%);
}
.darkTheme .granularity-container select:hover {
   background:     hsl(213, 10%, 35%);
   color:       hsl(213, 10%, 85%);
}
.darkBlueTheme .granularity-container select:hover {
   background:     hsl(200, 75%, 38%);
   color:       hsl(200, 30%, 90%);
}


 /* Select arrow styling */
.granularity-container:after {
   height:      14px;
    content:      "▼";
    color:       hsl(213, 10%, 100%);
        
    position:     absolute;
    top:        1px;
    right:       1px;
    bottom:      0;
    font-size:     65%;
    line-height:    15px;
    padding:      0 4px;

    background:    transparent;
    pointer-events:  none;
}
.darkTheme .granularity-container:after {
    background:    transparent;
    color:       hsl(213, 10%, 50%);
}
.darkBlueTheme .granularity-container:after {
    background:    transparent;
    color:       hsl(200, 30%, 50%);
}
.darkTheme .granularity-container:hover:after {
    color:       hsl(213, 10%, 75%);
}
.darkBlueTheme .granularity-container:hover:after {
    color:       hsl(200, 30%, 80%);
}


    
.no-pointer-events .granularity-container:after {
    content: none;
}
    
.darkTheme .granularity-container {
    color: hsl(213, 5%, 80%) !important;
}
.darkBlueTheme .granularity-container {
    color: hsl(200, 30%, 85%) !important;
}




 

.darkTheme select.in-cell-filter:hover,
.darkBlueTheme select.in-cell-filter:hover,
.darkTheme .in-cell-filter-container:hover:after,
.darkBlueTheme .in-cell-filter-container:hover:after  {
   color: white;
   background: none;
}

.dashboard_body select.in-cell-filter {
  display: inline-block;
  vertical-align: middle;
  background: white;
  height: 32px;
  border: none !important;
  box-shadow: none;
}

.dashboard_body.darkTheme select.in-cell-filter,
.dashboard_body.darkBlueTheme select.in-cell-filter {
  background: none;
}

.in-cell-filter:hover {
  background: hsl(220, 11%, 78%);
}

.in-cell-filter-container:hover .in-cell-filter{
  background: hsl(220, 11%, 78%);
}

.in-cell-filter-container {
   position: relative;
   display: inline-block;
}

.in-cell-filter-container:after {
    content: "\25BC";
    position: absolute;
    right: 0;
    bottom: 0;
    top: 3px;
    padding: 0 4px;
    font-size: 15px;
    background: transparent;
    color: #525a66;
    pointer-events: none;
}

.darkTheme .in-cell-filter-container:after {
    color: hsl(213, 10%, 65%);
}
.darkBlueTheme .in-cell-filter-container:after {
    color: hsl(200, 30%, 65%);
}

.widgetColorSwatch {
 width:16px;
 height:16px;
 cursor:pointer;
 border:1px solid #444444;
}

.widgetColorSwatchTransparent:after {
 content:"";
 position:absolute;
 border-top:1px solid red;
 width:22px;
 transform: rotate(45deg);
 transform-origin: 0% 0%;
}

.widgetLoaderCell {
 width:20px;
 transition: .5s width ease-in-out;
}

.dashboard_properties_panel_container {
 z-index:5;
 height:320px;
 background-color:#e3e3e3;
 border-top:1px solid #8c8c8c;
 position:absolute;
 width:100%;
 transition: .5s transform ease-out;
}

.selectboxit-container .invalid-annotation,
  .dashboard_properties_panel_container .invalid-annotation,
 .ct-compare .invalid-annotation {
  color:      red;
  font-style: normal;
}