form{
    color: var(--black-color);
    border-radius: 5px;
}

label{}

fieldset {
    /*
    color:  var(--medium-color);
    */
    border-radius: 5px;
    margin-bottom: 1.5rem;
}

legend{
    
}


fieldset.read {
    background-color: var(--white-color);
}

legend.read{
    border-bottom: 1px solid var(--first-color);
}

.form-control.read{
    background-color: var(--white-color);
    border-bottom: 1px solid var(--first-color);
}

p.read{
    background-color: var(--light-color);
    color: var(--black-color) !important;
    font-size: 1rem;
    border: 1px solid var(--danger-color);
    height: 3.7rem;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0 0 0;
    font-weight: 600;
}

.form-label-read{
    font-size: 0.65rem;
    color: var(--black-color) !important;
    margin: -10px 0 0 0;
}

label.legal {
    font-size: 0.7rem;
    color: var(--black-color) !important;
}

label.legal a{
    color: var(--first-color) !important;
    text-decoration: underline;
}

button.legal-disabled {
    pointer-events: none;
    background-color: var(--medium-color);
    color:var(--medium-color);
    opacity:0.3;
}

button.legal-enabled {
    pointer-events: all;
    opacity:1;
}

.form-select{
    border-color: var(--medium-color) !important;
}

label.form-file-label{    
    color: var(--black-color) !important;
    margin-bottom: 0.5rem;
    font-size: 0.85rem;
}

.form-control.is-warning {
    border-color: var(--bs-warning) !important;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffc107' class='bi bi-exclamation-triangle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7.938 2.016c.177 0 .33.09.416.239l6.857 12.08c.088.154.088.354 0 .508a.479.479 0 0 1-.416.239H1.143a.479.479 0 0 1-.416-.239c-.088-.154-.088-.354 0-.508L7.52 2.255c.088-.154.24-.239.417-.239zM8.75 11.887a1 1 0 1 0-1.5 0 1 1 0 0 0 1.5 0zM8 10a.905.905 0 0 0 .858-.993l-.35-3.507a.55.55 0 0 0-1.1 0l-.35 3.507A.905.905 0 0 0 8 10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
     background-size: 1.2em 1.2em; /* Fijo el tamaño del icono */
}

.form-control.is-warning:focus {
    border-color: var(--bs-warning);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-warning-rgb), .25);
}

.form-select.is-warning {
    border-color: var(--bs-warning) !important;
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffc107' class='bi bi-exclamation-triangle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7.938 2.016c.177 0 .33.09.416.239l6.857 12.08c.088.154.088.354 0 .508a.479.479 0 0 1-.416.239H1.143a.479.479 0 0 1-.416-.239c-.088-.154-.088-.354 0-.508L7.52 2.255c.088-.154.24-.239.417-.239zM8.75 11.887a1 1 0 1 0-1.5 0 1 1 0 0 0 1.5 0zM8 10a.905.905 0 0 0 .858-.993l-.35-3.507a.55.55 0 0 0-1.1 0l-.35 3.507A.905.905 0 0 0 8 10z'/%3E%3C/svg%3E");
    padding-right: 4.125rem;
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
}

.form-select.is-warning:focus {
    border-color: var(--bs-warning);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-warning-rgb), .25);
}