.select {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}
.select img{
    position: absolute;
    top: 10px;
    left: 9px;

}
.select select {
         font-family: 'Arial';
         display: inline-block;
         width: 100%;
         cursor: pointer;
         padding: 11px 10px;
         padding-left: 42px;

         outline: 0;
         border: 1px solid #cfd8dc;
    border-radius: 5px;
         background: transparent;
         color: #7B7B7B;
         appearance: none;
         -webkit-appearance: none;
         -moz-appearance: none;
     }
.select select::-ms-expand {
    display: none;
}
.select select:hover,
.select select:focus {
    color: #000000;
    background: #e9e9e9;
}
.select select:disabled {
    opacity: 0.3;
    pointer-events: none;
}
.select_arrow {
    position: absolute;
    top: 12px;
    right: 17px;
    width: 15px;
    height: 15px;
    border: solid #e9e9e9;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.select select:hover ~ .select_arrow,
.select select:focus ~ .select_arrow {
    border-color: #000000;
}
.select select:disabled ~ .select_arrow {
    border-top-color: #CCCCCC;
}
.input-principal{
    font-family: 'Arial';
    display: inline-block;
    width: 100%;

    cursor: pointer;
    padding: 11px 10px;
    padding-left: 42px;
    outline: 0;
    border: 1px solid #cfd8dc;
    border-radius: 5px;
    background: transparent;
    color: #7B7B7B;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}