/*FONTS*/
/*Roboto*/
@font-face {
    font-family: "Roboto-Regular";
    src: url("https://digital.inacap.cl/recursos/inacap-liferay/fonts/Roboto/Roboto-Regular.eot");
    src: url("https://digital.inacap.cl/recursos/inacap-liferay/fonts/Roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("https://digital.inacap.cl/recursos/inacap-liferay/fonts/Roboto/Roboto-Regular.woff") format("woff"), url("https://digital.inacap.cl/recursos/inacap-liferay/fonts/Roboto/Roboto-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Roboto-Light";
    src: url("https://digital.inacap.cl/recursos/inacap-liferay/fonts/Roboto/Roboto-Light.eot");
    src: url("https://digital.inacap.cl/recursos/inacap-liferay/fonts/Roboto/Roboto-Light?#iefix") format("embedded-opentype"), url("https://digital.inacap.cl/recursos/inacap-liferay/fonts/Roboto/Roboto-Light.woff") format("woff"), url("https://digital.inacap.cl/recursos/inacap-liferay/fonts/Roboto/Roboto-Light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Roboto-Bold";
    src: url("https://digital.inacap.cl/recursos/inacap-liferay/fonts/Roboto/Roboto-Bold.eot");
    src: url("https://digital.inacap.cl/recursos/inacap-liferay/fonts/Roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("https://digital.inacap.cl/recursos/inacap-liferay/fonts/Roboto/Roboto-Bold.woff") format("woff"), url("https://digital.inacap.cl/recursos/inacap-liferay/fonts/Roboto/Roboto-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Roboto-Italic";
    src: url("https://digital.inacap.cl/recursos/inacap-liferay/fonts/Roboto/Roboto-Italic.eot");
    src: url("https://digital.inacap.cl/recursos/inacap-liferay/fonts/Roboto/Roboto-Italic.eot?#iefix") format("embedded-opentype"), url("https://digital.inacap.cl/recursos/inacap-liferay/fonts/Roboto/Roboto-Italic.woff") format("woff"), url("https://digital.inacap.cl/recursos/inacap-liferay/fonts/Roboto/Roboto-Italic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/*Material-Icons*/
@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local("../fonts/Material Icons"), local("../fonts/MaterialIcons-Regular"), url(../fonts/MaterialIcons-Regular.woff2) format("woff2"), url(../fonts/MaterialIcons-Regular.woff) format("woff"), url(../fonts/MaterialIcons-Regular.ttf) format("truetype");
}

.material-icons {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 1em; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased; /* Support for all WebKit browsers. */
    text-rendering: optimizeLegibility; /* Support for Safari and Chrome. */
    -moz-osx-font-smoothing: grayscale; /* Support for Firefox. */
    font-feature-settings: "liga"; /* Support for IE. */
}

/*Material-Icons*/
@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    src: url(https://digital.inacap.cl/recursos/inacap-perc/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local( "https://digital.inacap.cl/recursos/inacap-perc/fonts/Material Icons" ), local( "https://digital.inacap.cl/recursos/inacap-perc/fonts/MaterialIcons-Regular" ), url(https://digital.inacap.cl/recursos/inacap-perc/fonts/MaterialIcons-Regular.woff2) format("woff2"), url(https://digital.inacap.cl/recursos/inacap-perc/fonts/MaterialIcons-Regular.woff) format("woff"), url(https://digital.inacap.cl/recursos/inacap-perc/fonts/MaterialIcons-Regular.ttf) format("truetype");
}

.banner-header {
    max-width: 350px;
    padding-top: 20px;
}


.img-pasopaso {
    max-width: 320px;
}

.table-pagos thead {
    background-color: #f8f8f8;
}

    .table-pagos thead td {
        color: #7c0d0d;
        font-weight: bold;
    }

.input-pago {
    border: 1px solid #000;
    max-width: 200px;
    border-radius: 0;
}

.card.estudiante {
    background-color: #f8f8f8;
}

.form .card .card-header {
    background-color: transparent;
    border-bottom: none;
}

.estudiante ul {
    list-style: none;
    padding: 0;
}

.total-pago .input-pago {
    height: 24px;
    min-width: 100px;
    text-align: right;
}

.pagador .input-pago {
    max-width: 150px;
    padding-left: 2px;
    padding-right: 2px;
}

    .pagador .input-pago.email {
        max-width: 250px;
    }

    .pagador .input-pago.rut-verificador {
        max-width: 30px;
    }

.pagador label {
    font-weight: bold;
}

.medio-pago img {
    max-height: 95px;
    width: auto;
}

.medio-pago input {
    max-width: 30px;
}

.medio-pago .cupon-elect {
    height: 50px;
}

.check-pago {
    opacity: 1 !important;
    position: relative !important;
    cursor: pointer;
    accent-color: #ff5941;
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 4px;
    width: 20px;
    height: 20px;
}

    .check-pago:checked {
        background-color: #ff5941;
        border-color: #ff5941;
    }

.form .card {
    border-radius: 15px;
    box-shadow: none;
    border: 1px solid #ccc;
}

    .form .card p {
        font-size: 1rem;
        font-weight: bold;
    }

.btn-ver-detalle {
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: none;
    color: #7c0d0d;
    font-weight: bold;
    font-size: 18px;
}

.color-dest {
    color: #ff5941;
}

.table-overflow {
    border: 1px solid #ccc;
}