/*
 * jquery.selectBoxIt.css 3.5.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 * {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#013959;	
  user-select: none;
  outline: none;
}

/* Button */
.selectboxit-container .selectboxit {
  width:450px !important; /* Width of the dropdown button */
  cursor: pointer;
  margin: 0;
  padding: 0;
  border-radius: 6px;
  overflow: hidden;
  display: block;
  position: relative;
}

/* 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;
}

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


/* Button Text */
.selectboxit-text {
  text-indent: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  max-width:300px !important;
}

.selectboxit .selectboxit-option-icon-container {
  margin-left: 5px;
}

/* Options List */
.selectboxit-container .selectboxit-options {
 /* 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;
  border-radius:0 0 6px 6px;
  text-align: left;
}

/* Individual options */
 .selectboxit-option .selectboxit-option-anchor{
  padding:1px 0 2px 10px;
  line-height:28px !important;
  height:28px !important;
}

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



/* 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 {
  /* Horizontally centers the down arrow */
  margin: 0 auto;
  position: absolute;
  top:40%;
  right:12px;
}


/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
  float: left;
}


.selectboxit-default-arrow {
  width: 0;
  height: 0;
	border-top: 13px solid #013959;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
.selectboxit-list {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top:none;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .5);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
 background: #f2f2f2;
background: -moz-linear-gradient(top, #f2f2f2 0%, #cbcbcb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cbcbcb));
background: -webkit-linear-gradient(top, #f2f2f2 0%,#cbcbcb 100%);
background: -o-linear-gradient(top, #f2f2f2 0%,#cbcbcb 100%);
background: -ms-linear-gradient(top, #f2f2f2 0%,#cbcbcb 100%);
background: linear-gradient(to bottom, #f2f2f2 0%,#cbcbcb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#cbcbcb',GradientType=0 ); 
}

.selectboxit-list .selectboxit-option-anchor {
  color:#013959;
  }

.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  color: #fff;
  background-color: #013959;
}