section h5 input{
    font-family: "Inter", sans-serif!important;
}
section.container.qr-section{
    background-color: #11D1D3!important;
    padding: 5%;
}
section.container.qr-section div.qr-formulario{
    background-color: #624A8D!important;
    margin: 0 10%;
    text-align: center;
    padding: 5%;
    line-height: 40px;
    border-radius: 30px;
}
h5.qr-title{
    color: #fff;
    font-size: 12pt;
    font-family: "Inter", sans-serif!important;
}
#btn-scan-qr{
    margin: 0 auto;
}
input[type="text"]{
    border-radius: 7px;
    border: none;
    padding: 2%;
    font-family: "Inter", sans-serif!important;
    width: 100%;
    font-size: 11pt;
}
.row.justify-content-center {
    padding: 0 10%;
}
.required {
    color: red;
}

.error_msg {
    color: #000;
    padding: 15px;
    margin: 20px;
    background-color: #E3BFC0;
    border-left: 9px solid #A80D12;
    border-radius: 2px;
}

.success_msg {
    color: #000;
    padding: 15px;
    margin: 20px;
    background-color: #B8F09A;
    border-left: 9px solid #005D2A;
    border-radius: 2px;
}

#title-row {
    vertical-align: middle;
}

#cuenta {
    height: 38px;
}

select,
input[type="text"] {
    height: 25px;
}

th.first-th {
    width: 7%!important;
}

th {
    width: 25%;
    font-size: 15px;
}

td.result {
    text-align: center;
}

td input[type="number"] {
    margin: auto;
}

input[type="number"] {
    width: 80%;
    height: 25px;
    border-radius: 3px;
}

#er,
#er_view {
    margin-bottom: 0;
}

tr,
th,
td {
    line-height: 0.5;
}

.table td,
.table th {
    padding: 1%;
    vertical-align: baseline;
    border-top: 0px solid #dee2e6;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    padding: 2%;
    text-align: center;
}
.title-label{
    text-align: left;
    color: #ffffff;
    float: left;
    width: 100%;
}
@media screen and (max-width: 480px) {
    input[type="text"]{
        font-size: 8pt;
    }
}
.esExitoso {
    color: yellow !important;
}