/*
 * jquery.selectBoxIt.css 3.8.0
 * Author: @gregfranko
 */

/*
  Common CSS Properties
  ---------------------
  These properties will be applied to any themes that you use
*/

/* SelectBoxIt container */
.selectboxit-container {position: relative;  display: inline-block;  vertical-align: top;}
/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; -o-user-select: none; user-select: none; outline: none; white-space: nowrap;}
/* Button */

#qtySelectBoxItContainer.selectboxit-container .selectboxit {width:100px; min-width:100px; border:none; }

.selectboxit-container .selectboxit {width: 220px; /* Width of the dropdown button */ cursor: pointer; margin: 0;  padding: 0;  overflow: hidden;  display: block;  position: relative;  min-width:220px;  border:none; }

/* Height and Vertical Alignment of Text */
.selectboxit-container span, .selectboxit-container .selectboxit-options a {height: 40px; /* Height of the drop down */ line-height: 40px; /* Vertically positions the drop down text */  display: block;  border-bottom:1px solid #ccc}

/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus { outline: 0;}

/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor: default;}

/* Button Text */
.selectboxit-text { text-indent: 5px; overflow: hidden; text-overflow: ellipsis; float: left;}
.selectboxit .selectboxit-option-icon-container {  margin-left: 5px;}
/* Options List */
.selectboxit-container .selectboxit-options { -moz-box-sizing: border-box; box-sizing: border-box;  min-width: 100%;  /* Minimum Width of the dropdown list box options */
  *width: 100%;  margin: 0;  padding: 0;  list-style: none;  position: absolute;  overflow-x: hidden;  overflow-y: auto;  cursor: pointer;  display: none;  z-index: 9999999999999; text-align: left;  -webkit-box-shadow: none;  -moz-box-shadow: none;
  box-shadow: none;  top:39px!important;}

/* Individual options */
 .selectboxit-option .selectboxit-option-anchor{ padding: 0 2px;}

/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover { text-decoration: none;}

/* Individual Option Optgroup Header */
.selectboxit-option, .selectboxit-optgroup-header { text-indent: 5px; /* Horizontal Positioning of the select box option text */  margin: 0;  list-style-type: none;}

/* The first Drop Down option */
.selectboxit-option-first {}
/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first {}
/* The last Drop Down option */
.selectboxit-option-last {}
.selectboxit-option-last > a{border-bottom:none}

/* Drop Down optgroup headers */
.selectboxit-optgroup-header {font-weight: bold;}
/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover { cursor: default;}

/* Drop Down down arrow container */
.selectboxit-arrow-container {/* Positions the down arrow */ width: 30px; position: absolute; right: 0;}
/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {margin: 0 auto;  position: absolute;  top: 50%;margin-top:-5px;  right: 0;  left: 5px;}/* Drop Down down arrow for jQueryUI and jQuery Mobile */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {top: 30%;}
/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {float: left;}

.selectboxit-container .selectboxit-option-icon { margin: 0; padding: 0; vertical-align: middle;}
/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {width: 18px;  background-size: 18px 18px;  background-repeat: no-repeat;  height: 100%;  background-position: center;  float: left;}
.selectboxit-rendering {display: inline-block !important;  *display: inline !important; zoom: 1 !important; visibility: visible !important; position: absolute !important; top: -9999px !important; left: -9999px !important;}
.jqueryui .ui-icon { background-color: inherit;}
.jqueryui .ui-icon-triangle-1-s {background-position: -64px -16px;}
.selectboxit-btn {-webkit-box-shadow:inset 0px 0px 0px 1px rgba(204,204,204,1);-moz-box-shadow:inset 0px 0px 0px 1px rgba(204,204,204,1);box-shadow:inset 0px 0px 0px 1px rgba(204,204,204,1);}
.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active {color: #333333;  background-color: #e6e6e6;}
.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus {color: #333333; text-decoration: none; background-position: 0 -15px;}
.selectboxit-default-arrow {background:url(../images/core/common_droparrow.png) no-repeat center; height:8px; width:24px;}
.selectboxit-list {background-color: #ffffff;  border: 1px solid #ccc;  border: 1px solid rgba(0, 0, 0, 0.2);  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.selectboxit-list .selectboxit-option-anchor {color: #333333;}
.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {color: #333333; background-color: #fafafa;}
.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {color: #999999;}