:root {
    --gris-borde: #808080;
    --gris-deshabilitado: rgba(169, 169, 169, 0.62);
    --fondo-input: #fff;
    --fuente: "Roboto", sans-serif;
}

.input-general
,.input-cport
,.input-2-cport
,.input-3-cport
,.input-3-cport-tarifa
,.input-acompañante-cport
,.input-acompañante-cport-nro-planta
,.input-acompañante-cport-hora-partida
,.input-cport-text-area
,.input-ccup
,.cupo
,.inputs-fechas-csoli
,.inputs-csoli
,.input-login
,.input-config
,.input-insertarform
,.input-editarform
,.select-CPE
,.input-text-area
,.input-ccup-2
,.input-ccup-3
,.input-3-cport-kilos
,.select-cargadatos-configuraciones
,.input-cport-destinos
,.input-cport-destinos2
,.input-destinos
,.input-2-cport-granos
,.input-contingencia
,.input-contingencia2
,.input-contingencia2-text-area
,.input-nuevos-destinos
,.input-cport-activas
,.input-cport-activas-dominios
,.input-redireccion-acciones
,.input-regresar-origen
,.input-Posiciones-Comerciales
,.input-Posiciones-Comerciales-text-area
,.input-contratos
,.input-contrato-editar
,.input-contratos-text-area
,.input-deshabilitado
,.input-configuraciones{
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 18px;
    cursor: pointer;
    height: 35px;
    outline: 0;
    border: 2px solid var(--gris-borde);
    border-radius: 5px;
    background: var(--fondo-input);
    font-family: var(--fuente);
    padding-left: 12px;
    color: var(--gris-borde);
    font-weight: bold;
}
.input-text-area
,.input-Posiciones-Comerciales-text-area
,.input-contingencia2-text-area
,.input-contratos-text-area{
    resize: none;
    height: 150px;
    box-sizing: border-box;
}

.input-deshabilitado
,.input-3-cport-kilos
,.input-acompañante-cport-nro-planta{
    background-color: transparent;
    border: 2px solid var(--gris-deshabilitado);
    color: var(--gris-deshabilitado);
}

.input-deshabilitado1::placeholder {
    color: var(--gris-deshabilitado);
}
.input-no-usable{
    pointer-events: none;
}