/* CSS Document */

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(202,202,202,1);
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(202,202,202,1);
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(202,202,202,1);
}

.ui-widget.ui-widget-content {
	font-family:'OpenSansI',Verdana, Geneva, sans-serif;
	font-size:12px;
	border:none;
	
}

    .custom-combobox {
    position: relative;
    display: inline-block;
	max-height:100px;
	width:calc(100% - 4px);
	border:none;
	background:url(../img/flecha.png) no-repeat;
	background-position:calc(100% - 5px);
	background-size:16px;
	border: solid 2px #cacaca;
	color:#cacaca;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: 0px;
    padding: 0;
	max-height:100px;
	right:-2px;
	border:0px;
	background:none;
  }
  .custom-combobox-toggle:hover{
	  background:none;
	  border:none;  
  }
 .ui-state-active,
/*.ui-widget-content*/ .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	background:none;
	  border:none; 
}
  .custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
	max-height:100px;
	width:calc(100% - 21px);
	background:#ffffff;
	text-align:center;
	color:#000000;	
	border:none;
	
	
  }
  .custom-combobox input {
	  border:none;
	  
  }
  .ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
	font-size:10px;
	font-family:'OpenSansI',Verdana, Geneva, sans-serif;
	/*background: #cacaca;
	color:#ffffff;*/
	color:#000000;
	border-radius:0px 0px 10px 10px;
	padding:5px;
	z-index:10001
	
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 100px;
  }
  .custom-combobox-input .placeholder{
	color:#ff0000;
}