﻿/* =========================================================
   EDAD
========================================================= */

.age-field {
    position: relative;
}

    .age-field .form-control {
        padding-right: 52px;
    }

.age-suffix {
    position: absolute;
    right: 13px;
    color: #64748B;
    font-size: 11px;
    font-weight: 500;
    pointer-events: none;
}


/* =========================================================
   SELECT TIPO DE SANGRE
========================================================= */

.select-pro {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}

    .select-pro > i {
        position: absolute;
        left: 14px;
        z-index: 2;
        color: #64748B;
        font-size: 15px;
        pointer-events: none;
    }

    .select-pro .form-select {
        width: 100%;
        height: 44px;
        padding-left: 41px;
        padding-right: 34px;
        border: 1px solid #D7E0EA;
        border-radius: 10px;
        background-color: #FBFDFF;
        color: var(--gsk-text);
        font-size: 13px;
        box-shadow: none;
    }

        .select-pro .form-select:focus {
            border-color: #3979C5;
            box-shadow: 0 0 0 3px rgba(57,121,197,.10);
        }
