/*---------- CHOSEN NEWAD COMBOBOX -----------*/
.chosen-container-single {
/*width: 416px;*/
width: 408px;
font: inherit;
border-width: inherit;
border-style: inherit;
border-color: inherit;
border-image: inherit;
padding: 2px 3px;
font-size: 14px;
line-height: 1.4;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
position: inherit;
}
.chosen-container *{
-webkit-box-sizing: none;
        box-sizing: none;
font-size: 13.5px;
}
.chosen-drop {
width: 416px;
margin-left: -4px;
z-index: 3!important;
}
.chosen-container .chosen-drop {
border-color: #ccc;
}
@media only screen and (min-width: 250px) and (max-width: 820px) {
.chosen-container *{
font-size: inherit;
}
.chosen-container-single {
/*width: 97.1%;*/
width: 95%;
padding: 1.4%;
position: inherit;
}
.chosen-container-single .chosen-single {
width: 100%;
}
.chosen-container .chosen-drop {
/*width: 94.2%;
margin-left: inherit;*/
width: 94.1%;
margin-left: -12px;
}
.chosen-container.chosen-with-drop .chosen-drop {
/*display: contents;*//*si se pone esto el desplegable se adapta solo*/
}
}
@media only screen and (min-width: 742px) and (max-width: 792px) {
.chosen-container .chosen-drop {
width: 94.1%;
margin-left: -11px;
}
}
@media only screen and (min-width: 717px) and (max-width: 741px) {
.chosen-container .chosen-drop {
width: 94.2%;
margin-left: -11px;
}
}
@media only screen and (min-width: 703px) and (max-width: 716px) {
.chosen-container .chosen-drop {
width: 94.3%;
margin-left: -11px;
}
}
@media only screen and (min-width: 693px) and (max-width: 702px) {
.chosen-container .chosen-drop {
width: 94.1%;
margin-left: -10px;
}
}
@media only screen and (min-width: 672px) and (max-width: 692px) {
.chosen-container .chosen-drop {
width: 94.2%;
margin-left: -10px;
}
}
@media only screen and (min-width: 658px) and (max-width: 671px) {
.chosen-container .chosen-drop {
width: 94.3%;
margin-left: -10px;
}
}
@media only screen and (min-width: 644px) and (max-width: 657px) {
.chosen-container .chosen-drop {
width: 94.2%;
margin-left: -10px;
}
}
@media only screen and (min-width: 631px) and (max-width: 643px) {
.chosen-container .chosen-drop {
width: 94.2%;
margin-left: -9px;
}
}
@media only screen and (min-width: 625px) and (max-width: 630px) {
.chosen-container .chosen-drop {
width: 94.1%;
margin-left: -9px;
}
}
@media only screen and (min-width: 620px) and (max-width: 624px) {
.chosen-container .chosen-drop {
width: 94.3%;
margin-left: -10px;
}
}
@media only screen and (min-width: 613px) and (max-width: 619px) {
.chosen-container .chosen-drop {
width: 94.4%;
margin-left: -10px;
}
}
@media only screen and (min-width: 596px) and (max-width: 612px) {
.chosen-container .chosen-drop {
width: 94.2%;
margin-left: -9px;
}
}
@media only screen and (min-width: 584px) and (max-width: 595px) {
.chosen-container .chosen-drop {
width: 94.3%;
margin-left: -9px;
}
}
@media only screen and (min-width: 575px) and (max-width: 583px) {
.chosen-container .chosen-drop {
width: 94.1%;
margin-left: -8px;
}
}
@media only screen and (min-width: 572px) and (max-width: 574px) {
.chosen-container .chosen-drop {
width: 94.2%;
margin-left: -9px;
}
}
@media only screen and (min-width: 554px) and (max-width: 571px) {
.chosen-container .chosen-drop {
width: 94.3%;
margin-left: -9px;
}
}
@media only screen and (min-width: 522px) and (max-width: 553px) {
.chosen-container .chosen-drop {
width: 94.2%;
margin-left: -8px;
}
}
@media only screen and (min-width: 499px) and (max-width: 521px) {
.chosen-container .chosen-drop {
width: 94.3%;
margin-left: -8px;
}
}
@media only screen and (min-width: 494px) and (max-width: 498px) {
.chosen-container .chosen-drop {
width: 94.4%;
margin-left: -8px;
}
}
@media only screen and (min-width: 488px) and (max-width: 493px) {
.chosen-container .chosen-drop {
width: 94.3%;
margin-left: -7px;
}
}
@media only screen and (min-width: 475px) and (max-width: 487px) {
.chosen-container .chosen-drop {
width: 94.2%;
margin-left: -7px;
}
}
@media only screen and (min-width: 474px) and (max-width: 474px) {
.chosen-container .chosen-drop {
width: 94.3%;
margin-left: -8px;
}
}
@media only screen and (min-width: 464px) and (max-width: 473px) {
.chosen-container .chosen-drop {
width: 94.5%;
margin-left: -8px;
}
}
@media only screen and (min-width: 450px) and (max-width: 463px) {
.chosen-container .chosen-drop {
width: 94.3%;
margin-left: -7px;
}
}
@media only screen and (min-width: 434px) and (max-width: 449px) {
.chosen-container .chosen-drop {
width: 94.4%;
margin-left: -7px;
}
}
@media only screen and (min-width: 425px) and (max-width: 433px) {
.chosen-container .chosen-drop {
width: 94.2%;
margin-left: -6px;
}
}
@media only screen and (min-width: 404px) and (max-width: 424px) {
.chosen-container .chosen-drop {
width: 94.5%;
margin-left: -7px;
}
}
@media only screen and (min-width: 401px) and (max-width: 403px) {
.chosen-container .chosen-drop {
width: 94.2%;
margin-left: -6px;
}
}
@media only screen and (min-width: 377px) and (max-width: 400px) {
.chosen-container .chosen-drop {
width: 94.3%;
margin-left: -6px;
}
}
@media only screen and (min-width: 365px) and (max-width: 376px) {
.chosen-container .chosen-drop {
width: 94.4%;
margin-left: -6px;
}
}
@media only screen and (min-width: 364px) and (max-width: 364px) {
.chosen-container .chosen-drop {
width: 94.6%;
margin-left: -6px;
}
}
@media only screen and (min-width: 363px) and (max-width: 363px) {
.chosen-container .chosen-drop {
width: 94.9%;
margin-left: -6px;
}
}
@media only screen and (min-width: 362px) and (max-width: 362px) {
.chosen-container .chosen-drop {
width: 95.2%;
margin-left: -6px;
}
}
@media only screen and (min-width: 360px) and (max-width: 361px) {
.chosen-container .chosen-drop {
width: 95.4%;
margin-left: -6px;
}
}
@media only screen and (min-width: 359px) and (max-width: 359px) {
.chosen-container .chosen-drop {
width: 95.8%;
margin-left: -6px;
}
}
@media only screen and (min-width: 250px) and (max-width: 358px) {
.chosen-container .chosen-drop {
width: 96%;
margin-left: -6px;
}
}
/*--------------------------------------------*/
/*-- Icon arrow select NO COMBOBOX --*/
/*-- Icon arrow select NO COMBOBOX (new-anuncio, edit-anuncio, edit-anuncio-enlace) PC --*/
#user .formulario select {
background: #FFFFFF;
background-image: url("/images/down-arrow-select-newad-pc.png")!important; /*aquí deberás escribir la ruta de la imagen que utilizarás como flecha del desplegable*/
background-repeat: no-repeat;
/*background-position: right center;*/
	background-position: right top;
/*background-position-y: 9px;
    background-position-x: 96%;*/
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none; 
}
#user .formulario select:focus {
background-image: url("/images/up-arrow-select-newad-pc.png")!important; /*aquí deberás escribir la ruta de la imagen que utilizarás como flecha del desplegable*/
background-repeat: no-repeat;
/*background-position: right center;*/
background-position: right top;
/*background-position-y: 9px;
background-position-x: 96%;*/
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none; 
}
#user .formulario select::-ms-expand {
display: none; /*Evita que se muestre la flecha por defecto en versiones de IE*/
}
@media only screen and (min-width: 721px) and (max-width: 820px) {
/*-- Icon arrow select NO COMBOBOX (new-anuncio, edit-anuncio, edit-anuncio-enlace) TABLET --*/
#user .formulario select {
background-image: url("/images/down-arrow-select-newad-tablet.png")!important; /*aquí deberás escribir la ruta de la imagen que utilizarás como flecha del desplegable*/
}
#user .formulario select:focus {
background-image: url("/images/up-arrow-select-newad-tablet.png")!important; /*aquí deberás escribir la ruta de la imagen que utilizarás como flecha del desplegable*/
}
/*-----------------------------------*/
}
@media only screen and (min-width: 591px) and (max-width: 720px) {
/*-- Icon arrow select NO COMBOBOX (new-anuncio, edit-anuncio, edit-anuncio-enlace) MOBILE-TABLET --*/
#user .formulario select {
background-image: url("/images/down-arrow-select-newad-mobile-tablet.png")!important; /*aquí deberás escribir la ruta de la imagen que utilizarás como flecha del desplegable*/
}
#user .formulario select:focus {
background-image: url("/images/up-arrow-select-newad-mobile-tablet.png")!important; /*aquí deberás escribir la ruta de la imagen que utilizarás como flecha del desplegable*/
}
/*-----------------------------------*/
}
@media only screen and (min-width: 250px) and (max-width: 590px) {
/*-- Icon arrow select NO COMBOBOX (new-anuncio, edit-anuncio, edit-anuncio-enlace) MOBILE --*/
#user .formulario select {
background-image: url("/images/down-arrow-select-newad-mobile.png")!important; /*aquí deberás escribir la ruta de la imagen que utilizarás como flecha del desplegable*/
}
#user .formulario select:focus {
background-image: url("/images/up-arrow-select-newad-mobile.png")!important; /*aquí deberás escribir la ruta de la imagen que utilizarás como flecha del desplegable*/
/*-----------------------------------*/
}
}
/*--------------------------------------*/