/**
 * Inputs
 */
.input {
    background-color   : #ffffff !important;
    color              : #000000;
    font-weight        : 100;
    height             : 56px;
    outline            : none;
    padding-left       : 8px;
    width              : 524px;
    -moz-appearance    : none;
    -webkit-appearance : none;
    appearance         : none;
    padding-top        : 10px;
    padding-bottom     : 10px;
    border-radius      : 11px;
}

.input-container {
    border-radius : 4px;
    position      : relative;
    overflow      : hidden;
}

.input-append-chevron {
    -webkit-appearance  : none;
    -moz-appearance     : none;
    appearance          : none;
    background-image    : url('../images/flecha.png');
    padding-left        : 8px;
    background-repeat   : no-repeat;
    background-position : right;
    background-size     : 40px;
    border-radius       : 2px;
    height              : 56px;
    position            : relative;
    right               : 0px;
    top                 : 0px;
    width               : 524px;
    z-index             : 1;
    border-radius       : 10px;
    padding-right       : 50px;
}

.input-append-eye {
    background-color    : transparent;
    background-repeat   : no-repeat;
    background-position : center;
    background-size     : 30px;
    border-radius       : 2px;
    cursor              : pointer;
    height              : 30px;
    position            : absolute;
    right               : 4px;
    top                 : 5px;
    width               : 35px;
    z-index             : 1;
}

.input-style-append-chevron {
    background-image    : url('../images/desplegar.png');
    background-repeat   : no-repeat;
    background-position : center;
    background-size     : 25px;
    border-radius       : 2px;
    height              : 20px;
    position            : absolute;
    right               : 4px;
    top                 : 5px;
    width               : 30px;
    z-index             : 1;
}

.input-container {
    border-radius : 4px;
    position      : relative;
    overflow      : hidden;
    border-bottom : 0px solid #214629 !important;
}

.input:hover ~ .input-append-chevron {
    background-image : url('../images/desplegar.png');
}

.input:focus ~ .input-append-chevron {
    background-image : url('../images/desplegar.png');
}

.input:active ~ .input-append-chevron {
    background-image : url('../images/desplegar.png');
}

.input-select:visited ~ .input-select-chevron {
    background-image : url('../images/desplegar.png');
}