/* for ordering - checkbox multiselect */
.multiselect-items {
    
    height:15em;
    border:solid 1px #c0c0c0;
    overflow:auto;
}
 
.orderitem {white-space: nowrap;display:block  }
 
.multiselect-items-on {
    color:#ffffff;
    background-color:#000099;
}

/* this is to style the insight panel draggable before its dropped */
.ui-draggable-panel-helper {
	height:400px;
	border: 1px dotted #000;
	padding: 6px;
	background: #fff;
	font-size: 1.2em;
}

.accordion_pchange .ui-icon { display: none; }

.ui-dialog-titlebar-close:after {
  /*content: 'X';*/
  font-weight:bold;
  padding-bottom:8px;
}

/* create a background to differentiate the widget from wherever we put it */

/* This is for the widget headers to align them and allow for cycling using cycle2*/
.cycle-slideshow { width: 100%; white-space:nowrap }
.cycle-slideshow span { width: 100%; height: auto; margin-top:-2.25px }

/* for styling report library accordion titles */
.available, .notavailable {
	padding-left:4%;
}

#price_sortable { list-style-type: none; margin: 0; padding: 0; }
#price_sortable li 
{ 
  margin: 3px 3px 3px 0; 
  padding: 1px; 
  float: left; 
  /*width: 80px;*/
  width:7%; 
  height: 20px; 
  font-size: 1.2em; 
  text-align: center; 
  vertical-align:middle;
}
/* standard class for column headers to make sortable horizontally */
.raw_data_col { list-style-type: none; margin: 0; padding: 0; }
.raw_data_col li 
{ 
  margin: 3px 3px 3px 0; 
  padding: 1px; 
  float: left; 
  /*width: 80px;*/
  width:7%; 
  height: 20px; 
  font-size: 1.0em; 
  text-align: center; 
  vertical-align:middle;
}

.column
{
  /*
  margin:0px;
  padding:0px;
  */
}


.widget
{
  /*margin:0px;
  padding:0px;
  */     
  list-style-type: none;
  margin:0 20px 20px 0; 
  vertical-align:top;
  margin-left:auto;
  margin-right:auto;  
}

.widget_info        /* Displays below widget to provide more information on the widget settings */
{
  height:20px;
  width:100%;
  overflow:hidden;
  background:#EAEAEA;
  display:none;
  /* IE10 */ 
  background-image: -ms-linear-gradient(top, #EAEAEA 0%, #FFFFFF 100%);
  /* Mozilla Firefox */ 
  background-image: -moz-linear-gradient(top, #EAEAEA 0%, #FFFFFF 100%);
  /* Opera */ 
  background-image: -o-linear-gradient(top, #EAEAEA 0%, #FFFFFF 100%);
  /* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EAEAEA), color-stop(1, #FFFFFF));
  /* Webkit (Chrome 11+) */ 
  background-image: -webkit-linear-gradient(top, #EAEAEA 0%, #FFFFFF 100%);
  /* Proposed W3C Markup */ 
  background-image: linear-gradient(top, #EAEAEA 0%, #FFFFFF 100%);
  
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
/* provide some screen space on left/right when on mobile*/
#mobile_list .widget {
  margin-left:2%;
  margin-right:2%;
}
.ui_widget_container
{
  margin:5px;
  padding-top:10px;
  padding-bottom:10px;
  list-style-type: none;
  z-index:9998;
}
.ui_widget_header 
{
  padding-left:25px;
  padding-bottom:5px;
  vertical-align:middle;
  /*background:#5b6296;*/
  background:#00006B;
  min-height:10px;
  text-align:left;  
  position:relative;
  color:white;
  /*opacity: 0.8;*/
  letter-spacing:2px;
  -moz-border-radius-topright: 7px;
  -moz-border-radius-topleft: 7px;
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  /*
  -moz-box-shadow: 5px 2px 5px #888;
  -webkit-box-shadow: 5px 2px 5px #888;
  box-shadow: 5px 2px 5px #888;
  */
}


.ui_header_text
{
  margin:0px;
  padding:0px;
}

.ui_widget_body 
{
  text-align:left;
  margin-top:0px;
  padding-top:0px;
  padding-left:1%;
  padding-bottom:1%;
  background:#DEDEDE;
  
  -moz-box-shadow: 5px 2px 5px #888;
  -webkit-box-shadow: 5px 2px 5px #888;
  box-shadow: 5px 2px 5px #888;
  /* IE10 */ 
  background-image: -ms-linear-gradient(top, #EAEAEA 0%, #FFFFFF 100%);
  /* Mozilla Firefox */ 
  background-image: -moz-linear-gradient(top, #EAEAEA 0%, #FFFFFF 100%);
  /* Opera */ 
  background-image: -o-linear-gradient(top, #EAEAEA 0%, #FFFFFF 100%);
  /* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EAEAEA), color-stop(1, #FFFFFF));
  /* Webkit (Chrome 11+) */ 
  background-image: -webkit-linear-gradient(top, #EAEAEA 0%, #FFFFFF 100%);
  /* Proposed W3C Markup */ 
  background-image: linear-gradient(top, #EAEAEA 0%, #FFFFFF 100%);
   
  
}

.ui_widget_body_flat 
{
  text-align:left;
  margin-top:0px;
  padding-top:0px;
  padding-left:1%;
  padding-bottom:1%;
  background:#FFFFFF;
  /* IE10  
  background-image: -ms-linear-gradient(top, #AFAFAF 0%, #888888 100%);
  background-image: -moz-linear-gradient(top, #AFAFAF 0%, #888888 100%);
  background-image: -o-linear-gradient(top, #AFAFAF 0%, #888888 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #AFAFAF), color-stop(1, #888888));
  background-image: -webkit-linear-gradient(top, #AFAFAF 0%, #888888 100%);
  background-image: linear-gradient(top, #AFAFAF 0%, #888888 100%);
  */
}

.ui_widget_body_white 
{
  text-align:left;
  padding:2px;
  margin-top:0px;
  padding-top:0px;
  padding-left:1%;
  padding-bottom:1%;
  
  background:#FFFFFF;
  border-right:1px solid gray;
  border-left:1px solid gray;
  
  -moz-box-shadow: 5px 2px 5px #888;
  -webkit-box-shadow: 5px 2px 5px #888;
  box-shadow: 5px 2px 5px #888;
  
}

.ui_widget_body_white_flat 
{
  text-align:left;
  padding:2px;
  margin-top:0px;
  padding-top:0px;
  padding-left:1%;
  padding-bottom:1%;
  
  background:#FFFFFF;
  border-right:1px solid gray;
  border-left:1px solid gray;
  
  
}

.ui_widget_footer 
{
  padding-left:25px;
  margin-top:0px;
  vertical-align:middle;
  /*background:#5b6296;*/
  background:#00006B;
  min-height:4px;
  text-align:left;  
  position:relative;
  color:white;
  /*opacity: 0.8;*/
  letter-spacing:2px;
  
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  
  -moz-box-shadow: 5px 2px 5px #888;
  -webkit-box-shadow: 5px 2px 5px #888;
  box-shadow: 5px 2px 5px #888;
}

.ui_text
{
  color:gray;
  margin-bottom:0px;
}


/* PlusTabs Styling for Dropdown of unshown tabs*/
.allTabs {
    display: none;
    position:absolute;
    background: #e6e6e6;
    right: 13px;
    border: 1px solid lightgrey;
}
.allTabs a {
    display: block;
    padding: 10px;
    font-size: 14px;
    text-decoration: none;
}
.allTabs a:hover {
    background: #ffffff;
}
.allTabs .highlight {
    font-weight: bold;
}

/* alter the standard bootstrap table to be more colorful for a widget */
.widgettable thead th {
  font-weight:bold;
  /*font-size:11px;*/
}
/* if the table has been classified as this specific retailer */
.homedepot thead th {
  background: #FF6400;
  color: #FFFFFF;
  opacity: 0.8;
}

.av thead th {
  background: #005580;
  color: #FFFFFF;
  opacity: 0.8;
}

.lowes thead th {
  background: #004990;
  color: #FFFFFF;
  opacity: 0.9;
}

.walmart thead th {
  background: #1A75CE;
  color: #FFFFFF;
  opacity: 0.75;
}

.menards thead th {
  background: #4DBD33;
  color: #FFFFFF;
  opacity: 0.95;
}

.rking thead th {
  background: #E41b17;
  color: #FFFFFF;
  opacity: 0.95;
}

.shopko thead th {
  background: #667C26;
  color: #FFFFFF;
  opacity: 0.95;
}