*{
    background-color: #e6e6e6;
}
body{
    background-color: #e6e6e6;
}

.logo-imagen img{
    height: 100px;
    background-color: #e6e6e6;
    padding: 10px;
}
.Forms{
    height: auto;
    display: flex;
    padding: 5px;
    background-color: #e6e6e6;
    justify-content: center;
    align-items: center;
}

.Contenedor-formulario{
    background-color: white;
    height: auto;
    width: 95%;
    margin-top: 10px;
    border-radius: 30px;
    padding: 20px;
    box-shadow: 1px 1px 1px 1px  rgb(0, 0, 0,0.1);
}

.Titulo-formulario Center,Strong{
    background-color: white;
    font-size: 1.5rem;
    color:#0e536d;
    margin-bottom: 40px;
}
.Numeracion {
    display: flex; 
    justify-content: center;
    margin-top: 20px;
    background-color: white;
}

.Numeracion ul {
    display: flex; 
    flex-direction: row; 
    gap: 10px; 
    list-style: none; 
    padding: 0; 
    margin: 0; 
    background-color: white;
}

.Numeracion ul li {
    background-color: white;
    margin: 10px 40px;
    padding: 10px; 
    width: 50px;    
    height: 50px;
    border: 1px solid #0e536d; 
    align-items: center;
    justify-content: center;
    text-align: center; 
    border-radius: 50px;
    color: #0e536d; 
    font-weight: bold;
    position: relative; 
}

.Numeracion ul li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -101px; 
    top: 50%;
    transform: translateY(-0%);
    width: 100px; 
    height: 2px;
    background-color: #cccccc; 
}



#primero{
    color: white;
    background-color: #0e536d;
}
#segundo, #tercero {
    transition: background-color 1.5s ease, color 1.5s ease;
}

.Numeracion ul li.active {
    background-color: #0e536d;
    color: white;
}
.Formulario{
    background-color: white;
    margin-top: 20px;
    transition: opacity 2s ease;
    opacity: 1;
}
.Documento{
    margin: 35px 20px;
    background-color: white;
    
}

#AgregaDocum{
    padding: 10px;
    background-color: #01d2d6;
    color: white;
    position: relative;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.5);
}

.success-message {
    background-color: #03e99d;
    color: #155724;
    border: 1px solid #c3e6cb;
    width: 50%;
    padding: 5px;
    border-radius: 5px;
    justify-content: center;
    margin-top: 25px;
    opacity: 0;
    transition: opacity 1s ease, transform 1s ease;
    transform: translateY(-10px);
    font-size: 1.2rem;
    width: bold;
}
.success-message p{
    background-color: #03e99d;
    color: white;
}

.success-message span{
    background-color: #03e99d;
    color: white;
}

.success-message.show {
    opacity: 1;
    transform: translateY(0);
}
.Formulario.fade-out{
    opacity: 0;
}
.Formulario.sal-uno{
    opacity: 1;
}
.row{
    background-color: white;
    margin:15px  
}
.col-md,.col-md-2 {
    background-color: white;
    margin: 5px;
}
.col-md input, .col-md-2 input{
    background-color: white;
    border-radius: 30px;
    margin-left: 10px;
    
}
#floatingSelectGrid{
    background-color: white;
    border-radius: 60px;
    margin-left: 10px;
}
.form-floating{
    border-radius: 10px;
    background-color: white;
}



#sexo{
    border-radius: 60px;
    background-color: white;
    margin-left: 10px;
}
#Continente{
    border-radius: 60px;
    background-color: white;
    margin-left: 10px;
}
#nacionalidad{
    border-radius: 60px;
    background-color: white;
    margin-left: 10px;
}

#estadoCivil{
    border-radius: 60px;
    background-color: white;
    margin-left: 10px;
}

@media (max-width: 600px){
    .col-md input, .col-md-2 input{
        background-color: white;
        border-radius: 30px;
        margin-left: 0.5px;
        margin-right: 2px;
        text-align: start;
    }

    #sexo{
        border-radius: 60px;
        background-color: white;
        margin-left: 0.5px;
    }
    
    #nacionalidad{
        border-radius: 60px;
        background-color: white;
        margin-left: 0.5px;
    }
    
    #estadoCivil{
        border-radius: 60px;
        background-color: white;
        margin-left: 0.5px;
    }

    
}


input,label{
    background-color: transparent;
    color: #0e536d;
    margin-left: 10px;
}

#linea2{
    margin: 5px;
}
#linea3{
    margin: 5px;
}
.Botones{
    margin-top: 30px;
    background-color: white;
    justify-content: space-between;
}
.Botones #ContinuarForm1{
    margin:10px;
    float: right;
    padding: 10px 25px;
    margin-right: 30px;
    background-color: #ff3131;
    border-radius: 30px;
}
.Botones #ContinuarForm1:hover{
    background-color: #ff1b1b;
}
.FormularioDos{
    background-color: white;
    padding: 0px 20px;
    display: none;
    opacity: 0;
    transition: opacity 2s ease;
}
.FormularioDos,.fod-dos{
    opacity: 1;
}
.FormularioDos.sal-dos{
    opacity: 0;
    display: none;
}
.CasoMujer{
    background-color: white;
    display: none;
}
.lh-sm{
    background-color: white;
    text-align: justify;
    margin-top: 25px;
}
.form-check{
    background-color: white;
    margin:10px 20px;
}
.Botones #ContinuarForm2{
    margin:10px;
    float: right;
    
    padding: 10px 25px;
    margin-right: 30px;
    background-color: #ff3131;
    border-radius: 30px;
    color:white;
}

.Botones #ContinuarForm3{
    margin: 10px;    
    padding: 10px 25px;
    margin-right: 30px;
    background-color: #ff3131;
    border-radius: 30px;
    color:white;
}

.Botones #ContinuarForm3:hover{
    background-color: #ff1b1b;
}

.Botones #Terminar{
    margin:10px;
    float: right;
    
    padding: 10px 25px;
    margin-right: 30px;
    background-color: #ff3131;
    border-radius: 30px;
    color:white;
}

.Botones #ContinuarForm2:hover{
    background-color: #ff1b1b;
}
.Botones #AtrasForm1{
    margin:10px;
    float: right;
    padding: 10px 40px;
    margin-right: 30px;
    background-color: #0e536d;
    border-radius: 30px;
    color: white;
}
.Botones #AtrasForm2{
    margin:10px;
    float: right;
    padding: 10px 40px;
    margin-right: 30px;
    background-color: #0e536d;
    border-radius: 30px;
    color: white;
}
.Botones #AtrasForm1:hover{
    background-color: #0c5d7b;
}
.Botones #AtrasForm2:hover{
    background-color: #0c5d7b;
}

.FormularioTres {
    background-color: white;
    display: none;
    opacity: 0;
    transition: opacity 2s ease;
}

.FormularioTres,.fod-tres{
    opacity: 1;
}
.FormularioTres.sal-tres{
    opacity: 0;
    display: none;
}
#AgregarBenef{
    margin-top:50px;
    background-color: #32d66b;
    color: white;
    padding: 5px 20px;
    border-radius: 30px;
}
#beneficiariosContainer{
    background-color: white;
}
#formularioOriginal{
    background-color: white;
}

form{
    background-color: white;
}
#cancelarBenefe{
    margin-left: 40px;
    height: 40px;
    width: 40px;
    border: none;
    justify-items: center;
    align-items: center;
    padding: 10px;
    border-radius: 50%;
    background-color: #ff3131;
    color: white;
    box-shadow: rgba(0, 0, 0, 0.5);
    display: none;
}
#precioRepatria {
    display: flex;
    justify-content: flex-start;
    margin: 15px 15px 15px;
    color: white;
    background-color: white;
}
#precioRepatria p{
    background-color: #10548198;
    padding: 5px;
    border-radius: 10px;
    color: white;
    font-weight: 600;
}

#precioRepatria fieldset {
    width: 55%;
    border: none; 
    background: none; 
}
.linkPdfre{
    padding: 10px;
    background-color: white;
}

.linkPdfre a{
    background-color: white;
    font-weight: 600;
}