/*SELECT 2: check options 
https://github.com/select2/select2-bootstrap-theme/blob/master/docs/css/select2-bootstrap.css
*/
.selectClass{font-size:13px;font-weight:100; border:none; padding:6px;} 

/* remove the drop down arror from select boxes */
select::-ms-expand {
	display: none;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

/*
JQuery SELECT2 for <select>
*/
.select2-dropdown.select2-dropdown--below{
    /*width: 148px !important;
    font-size:12px;font-weight:100;margin-right:10px; border:none; color:red;*/
}

.select2-container--default .select2-selection--single {
    font-size:13px;font-weight:100;outline:none; 
}

.select2-selection--multiple{
    font-size:13px;font-weight:100;outline:none; 
}
    
span.select2-selection.select2-selection--single {
        outline: none;
}
/*
.select2-container--default .select2-selection--multiple .select2-selection__choice{color:red;}
*/
/* use for results list
.select2-results__options{
    font-size:10px !important;
}        
  */
  
.select2-container--default .select2-selection--single .select2-selection__arrow {
    /*
    background-image: -khtml-gradient(linear, left top, left bottom, from(#424242), to(#030303));
    background-image: -moz-linear-gradient(top, #424242, #030303);
    background-image: -ms-linear-gradient(top, #424242, #030303);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #424242), color-stop(100%, #030303));
    background-image: -webkit-linear-gradient(top, #424242, #030303);
    background-image: -o-linear-gradient(top, #424242, #030303);
    background-image: linear-gradient(#424242, #030303);
    width: 40px;
    color: #fff;
    font-size: 1.3em;
    padding: 4px 12px;
      height: 27px;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 20px;*/
}        

*:focus{
    outline: none;
}