/* 
    This stylesheet is to fix the style issue with the Select2 control. Any other future fix should be here    
*/


/*
    Removing the curved corners
*/
.select2-container .select2-choices .select2-search-field input,
.select2-container .select2-choice,
.select2-container .select2-choices {
    border-radius: 0;
}

.select2-search input {    
    border-radius: 0;
}

.select2-drop {
    border-radius: 0;
}

.select2-container.input-sm .select2-choice,
.input-group-sm .select2-container .select2-choice {
    border-radius: 0;
}

.select2-container.input-lg .select2-choice,
.input-group-lg .select2-container .select2-choice {
    border-radius: 0;
}

/* Fix to remove the double arrows*/

.select2-container .select2-choice .select2-arrow b {
    background: none;    
}

/* Remove the unneccessary border between content and arrows */

.select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice div {
    border-left-color: transparent;
    margin-top: 4px;
}

.select2-container .select2-choice abbr {
    top: 20px;        
    background: none;
}