.dpgSelect ul {
 padding: 15px 5px;
 width:100%;
}

.dpgSelect li {
 padding:5px 10px;
 transition: all .2s ease;
 cursor:pointer;
}

.dpgSelect li.hover,
.dpgSelect li:hover{
 background-color:#80b8c7;
 padding-left:15px;		/* 10+5 */
  padding-right:5px;    /* 10-5 */
}

.dpgSelect {
 display:inline-flex;
 width:100%;
 position: relative;
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none; 
}

.dpgSelect_label{
 flex:100%;
}

.dpgSelect li.selected{
 font-weight:bold;
 color:#235d91;
}

.dpgSelect .dropdown-toggle {
 background-color:white;
 color:gray;
 
 padding:5px !important;
 
}

.dpgSelect .dropdown-toggle .caret{
 float: right;
 top: 3px !important;
} 

/* cuando hay span dentro de la opcion o del label*/
.dpgSelect :is(li, .dpgSelect_label) span{
 display:inline-block;
 margin-right:10px;
}

/* cuando hay fontawesome dentro de la opcion o del label*/
.dpgSelect :is(li, .dpgSelect_label) :is(svg,i){
 display:inline-block;
 margin-right:10px;
 color:gray;
 width:20px;
}


.input-group .dpgSelect_label {
	border-radius: 0 !important;
}


.dpgSelect .dpgSelect_label {
 font-size:14px;
 padding:5px !important;
 text-align:left;
}

.dpgSelect.alto .dpgSelect_label {
  font-size:16px;
  padding:15px !important;
 text-align:center;
}

.dpgSelect.haciaArriba .dropdown-menu {
 top:unset;
 bottom:100%;
}


.dpgSelectObs {
	color:gray;
	float:right;
	font-size:12px;
}

.dpgSelect_label .dpgSelectObs{
	display:none !important;
}