/*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 { float:left; position: relative; vertical-align: top; width:100%}
/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {  /*font: 14px Helvetica, Arial; Prevents text selection */ -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 */
.selectboxit-container .selectboxit { width: 220px; /* Width of the dropdown button */ cursor: pointer; margin: 0; padding: 0; border-radius: 6px; overflow: hidden; display: block; position: relative; }
.fieldwrap.opt .selectboxit-container .selectboxit {cursor:default}
/* Height and Vertical Alignment of Text */
.selectboxit-container span, .selectboxit-container .selectboxit-options a { height: 31px; /* Height of the drop down */ line-height: 30px; /* Vertically positions the drop down text */ display: block; }
.selectboxit-container span.selectboxit-text {line-height:1em; max-width:100% !important}
#monthSelectBoxItText {padding-left:9px}
/* 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 {overflow: hidden; text-overflow: ellipsis; float: left; }
.selectboxit .selectboxit-option-icon-container {display:none; 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; border-radius: 6px; text-align: left; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
/* 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 { border-top-right-radius: 6px; border-top-left-radius: 6px; }
/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first { border-top-right-radius: 0px; border-top-left-radius: 0px; }
/* The last Drop Down option */
.selectboxit-option-last { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
/* 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: 15px; 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: 45%; right: 0}
/* 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 and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon { background-color: inherit; }
/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s { background-position: -64px -16px; }
/**/

/*CSS Edit For TOp optgroup*/
.optgroup { width: 100% }
.optgroup * { box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
.selectWrapper .selectboxit { width: 100%; border-radius: 0; }
.selectboxit-list { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.2)}
.selectboxit-list .selectboxit-option-anchor { color: #000; }
.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor { color: #000; background-color: #dedede; }
/*.selectboxit-option { text-indent: 10px; }*/
/*.selectboxit-btn { border: 1px solid rgba(0, 0, 0, 0.2); }*/
.selectboxit-arrow-container, .selectboxit-text { height: 30px; line-height: 30px; }
.selectboxit-default-arrow { background-image: url(../images/bg-dropdown.png); height: 9px; width: 14px; }
.fieldwrap.opt .selectboxit-default-arrow {background-image:none}
.selectboxit-text {color: #aa2e29; font-family:"GothamHTFMedium"; font-size: 3em; line-height: 1em;}
.formflds.active .selectboxit-text {color:#ccc}
.selectboxit-list a.selectboxit-option-anchor { font-size: 1.5em; height:auto; padding: 3px 0; }
.selectboxit-optgroup-header { font-family: josefin_sansbold; letter-spacing: 1px; position: relative; font-size: 0.9rem; color: #ababab; text-transform: uppercase; margin: 10px 0 5px 0; text-indent: 10px; font-weight: normal; }
.selectboxit-optgroup-header:after { margin-left: 1%; border-top: 1px solid #d7d7d7; content: ""; height: 3px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 65%; }
/*.selectboxit-option-first .selectboxit-option-anchor { visibility: hidden; border: 0; padding: 0; font-size: 0.1rem }*/
.selectboxit-options { margin: -5px 0 0 0 }
.selectboxit-options, .selectboxit-option { border-radius: 0; }
/*.optgroup span, .optgroup .selectboxit-options a { height: auto; line-height: 100%; }*/
/**/

/*CSS Edit For jsonDrop*/
.jsonDrop { width: 100% }
.jsonDrop * { box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
.jsonDrop .selectboxit { width: 100%; border-radius: 0; }
.jsonDrop .selectboxit-list { background-color: rgba(0,0,0,0); border: 1px solid #333; border-top: 0; }
.jsonDrop .selectboxit-list .selectboxit-option-anchor { color: #000; }
.jsonDrop .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor { color: #ffffff; background-color: #118acb; }
.jsonDrop .selectboxit-option { text-indent: 15px; }
.jsonDrop .selectboxit-btn { border: 1px solid #333; }
.jsonDrop .selectboxit-arrow-container, .selectboxit-text { height: 30px; line-height: 30px; }
.jsonDrop .selectboxit-default-arrow:after { content: ''; height: 6px; width: 6px; display: inline-block; border: 2px solid #333; border-right-width: 0; border-top-width: 0; transform: rotate(-45deg) translate(0, -50%); -webkit-transform: rotate(-45deg) translate(0, -50%); -moz-transform: rotate(-45deg) translate(0, -50%); -o-transform: rotate(-45deg) translate(0, -50%); -ms-transform: rotate(-45deg) translate(0, -50%); position: absolute; top: 40%; right: 5px; @include transition(all, ease, 0.3s);
}
.jsonDrop .selectboxit-text { font-size: 1.4rem; color: #000000; line-height: 30px; text-indent: 15px; }
.jsonDrop .selectboxit-list .selectboxit-option-anchor { font-size: 1.4rem; padding: 8px 0; background: rgba(255,255,255,0.95); border: 1px solid #333; }
.jsonDrop .selectboxit-list .selectboxit-option-anchor:first-child { border: 0 }
.jsonDrop .selectboxit-jsonDrop-header { font-family: josefin_sansbold; letter-spacing: 1px; position: relative; font-size: 0.9rem; color: #ababab; text-transform: uppercase; margin: 10px 0 5px 0; text-indent: 15px; font-weight: normal; }
.jsonDrop .selectboxit-jsonDrop-header:after { margin-left: 1%; border-top: 1px solid #d7d7d7; content: ""; height: 3px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 65%; }
.jsonDrop .selectboxit-options { margin: 0 }
.jsonDrop .selectboxit-options, .jsonDrop .selectboxit-option { border-radius: 0; float: none !important; margin:0 !important;}
.jsonDrop span, .jsonDrop .selectboxit-options a { height: auto; line-height: 100%; }