/**
 * Image Select Styles
 *
 * @author     Web Semantics, Inc. Dev Team <info@websemantics.ca>
 * @copyright  2011-2015 Web Semantics, Inc.
 * @link       http://websemantics.ca
 * @license    https://opensource.org/licenses/MIT
 */

/* Tag image */
.chose-image {
	width:55px;
	max-height:55px;
	padding: 2px 5px 3px 0px;
	vertical-align:middle;
}

.chose-image.rtl {
	padding: 2px 0px 3px 5px;
}

/* Image for Single mode */
#form .chose-image-small {
	width: auto;
	height: 22px;
	vertical-align: middle;
}

#form-mobile .chose-image-small {
    width: auto;
    height: 18px;
    vertical-align: middle;
}

#form-mobile .chose-image-small{
    margin: -3px 3px 0 0;
}

#form .chose-image-small{
    margin: -1px 3px 0 0;
}

.chose-image-small.rtl {
	margin: -3px 0 0 3px;
}

/* Images appended to the li(s) */
#form .chose-image-list {
	width: auto;
	height: 22px;
	vertical-align: middle;
	margin: -1px 3px 0 0;
}

#form-mobile .chose-image-list {
    width: auto;
    height: 18px;
    vertical-align: middle;
    margin: -1px 3px 0 0;
}

.chose-image-list.rtl {
	margin: -3px 0 0 3px;
}

/* Grey-out image for Multi mode */
.chosen-container-multi .result-selected img {
	opacity: 0.3;
}

.chosen-container-single .chosen-drop{
    border-radius: 0;
}

#form .chosen-container-single .chosen-single {
  border-color: #a9a9a9 !important;
  border-radius: 0;
  height: 40px;
  background: #fff;
  line-height: 38px;
}

#form-mobile .chosen-container-single .chosen-drop {
    border-color: #ebebeb;
    box-shadow: none;
}

.chosen-container .chosen-results{
    margin: 0;
    padding: 0;
}

.chosen-container .chosen-results li{
    padding: 5px 9px;
}

.chosen-container .chosen-results li.highlighted {
    background: #f7f7f7;
    color: #000;
}

#form-mobile .chosen-container-single .chosen-single {
     border-color: #ebebeb !important;
     border-radius: 0;
     height: 40px;
     background: #fff;
     line-height: 38px;
 }

.chosen-container .chosen-drop {
    z-index: 9 !important;
    box-shadow: -5px 6px 7px -1px rgba(0,0,0,0.1), 5px 6px 7px -1px rgba(0,0,0,0.1);
    -webkit-box-shadow: -5px 6px 7px -1px rgba(0,0,0,0.1), 5px 6px 7px -1px rgba(0,0,0,0.1);
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #fff), color-stop(52%, #fff), to(#fff));
    background: linear-gradient(#fff 20%, #fff 50%, #fff 52%, #fff 100%);
}

.chosen-container-single .chosen-single div b {
   background: url(chosen/chosen-sprite.png) no-repeat 0px 10px;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -17px 10px;
}

#form-mobile .chosen-container {
    font-size: 14px !important;
    text-align: left;
    width: 100% !important;
}

#form .input-text {
    height: 40px;
    line-height: 40px;
}

@media only screen and (max-width: 480px) and (min-width: 80px) {
    #form-mobile .field-width2 {
        height: 40px;
        line-height: 40px;
    }
}

.chosen-container .chosen-results li.active-result {
    line-height: 29px !important;
}

.chosen-container-single .chosen-single {
    color: #000;
    font-weight: 500;
}

.chosen-container .chosen-results {
    color: #000;
    font-weight: 500;
}

#form .chosen-single {
    width: 260px;
}
#form .chosen-drop {
    width: 260px;
}