h1 {
    font-size: 24px;
    margin-bottom: 20px;
}

.form label {
    display: block;
    margin-bottom: 5px;
}

.form input[type="number"],
.form select {
    width: 100%;
    padding: 8px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.form button {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    background-color: #007bff;
    color: white;
    cursor: pointer;
}

.form button[type="reset"] {
    background-color: #6c757d;
}

abbr[title] {
    text-decoration: none;
    border-bottom: 1px dotted;
    cursor: help;
}

p {
    margin-bottom: 10px;
}


/* Estilos adicionales para el texto y botones */
strong {
    font-weight: bold;
}


/* Ajuste del ancho máximo de los tooltip para evitar desbordamiento */

/* Espaciado del texto informativo */
.container > .row > p {
    padding: 0 15px;
    font-size: 14px;
    color: #333;
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 20px;
}



abbr {
    padding: 2px 10px;
    border-bottom: 0px !important;
    background-color: #96c93d;
    color: white;
    border-radius: 40px;
    padding-bottom: 4px;
    font-size: 13px;
    margin-left: 10px;
}


h1 {
    font-size: 52px;
}


span#resetButton {
    float: right;
    color: #00a15f;
    cursor: pointer;
}

span.greenText {
    color: #00a160;
}

span.redText {
    color: red;
}

.NSAWP select, .NSAWP input {
    border: 0px solid #fff !important;
    border-bottom-style: solid !important;
    border-bottom-color: #b2b2b2 !important;
    border-bottom-width: 3px !important;
    border-radius: 0px !important;
    box-shadow: none;
}


.NSAWP input {
    padding: 13px;
}


h3 {
    font-size: 34px;
    color: black;
    margin-top: 0px;
    font-weight: 800;
}

button#generate-pdf {
    max-width: 300px;
    float: right;
    border: none;
    border-radius: 10px !important;
    background-color: rgb(0 161 96);
}

button#generate-pdf.disabled {
	background-color: rgba(164, 174, 180, 1);
}

.greenBox {
    background-color: #00a160;
    padding: 30px;
    border-radius: 10px;
}



.greenBox p {
    color: #96c93d;
}


.text-white th, .text-white td, .text-white p {
    color: white;
}


.text-white th, .text-white td {
        width: 33%;
        text-align: center;
}

.text-white table {
    width: 100%;
    text-align: center;
}

.text-white th, .text-white td {
    padding: 10px!important;
}

.text-white thead tr th {
    background-color: #00000033;
}

.text-white thead tr th:first-child {
  border-bottom-left-radius: 13px;
    border-top-left-radius: 13px;
}

.text-white thead tr th:last-child {
  border-bottom-right-radius: 13px;
    border-top-right-radius: 13px;
}

div#disclamer-2 {
    margin-bottom: 50px;
}


.ui-tooltip {
    background-color: #000000cf;
    max-width: 400px;
    border-radius: 7px;
    color: white;
    padding: 13px 20px;
}


input#provider-rate::-webkit-outer-spin-button,
input#provider-rate::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input#provider-rate[type=number] {
  -moz-appearance: textfield;
}


    #generate-pdf {
        border-radius: 8px;
        background-color: rgba(164, 174, 180, 1);
        align-self: end;
        margin-top: 46px;
        color: #fff;
        text-align: center;
        letter-spacing: 0.4px;
        justify-content: center;
        padding: 22px 29px;
        font: 800 20px Avenir, sans-serif;
    }

    @media (max-width: 991px) {
        #generate-pdf {
            margin-top: 40px;
            padding: 10px 20px;
        }
    }


    #disclamer-1 {
        color: rgba(0, 0, 0, 0.6);
        text-align: justify;
        letter-spacing: -0.24px;
        align-self: center;
        margin-top: 66px;
        font: 400 16px/38px Inter, sans-serif;
    }

    @media (max-width: 991px) {
        #disclamer-1 {
            max-width: 100%;
            margin-top: 40px;
        }
    }

    #disclamer-2 {
        border-radius: 20px;
        background-color: #f4f3fd;
        margin-top: 69px;
        color: rgba(0, 0, 0, 0.8);
        text-align: justify;
        letter-spacing: -0.24px;
        justify-content: center;
        padding: 54px 60px;
        font: 400 16px/38px Inter, sans-serif;
    }

    @media (max-width: 991px) {
        #disclamer-2 {
            max-width: 100%;
            margin-top: 40px;
            padding: 0 23px 0 20px;
        }
    }