:root {
    --blanco: #ffffff;
    --primario: #1576ce;
    --secundario: #ffbe39;    ;
    --fondo: #F5F7FA;
    --titulos: #0067b8;
    --gris: #D9D9D9;
    --oscuro: #454545;
}
html {
    scroll-snap-type: y mandatory;
}

body {
    font-family: 'Open Sans', sans-serif;
    min-height: 100%; 
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: var(--secundario) !important;
}

.btn-secondary{
    background-color: var(--gris) !important;
}

.btn-info, .btn-info:hover, .btn-info:active, .btn-info:visited {
    background-color: var(--primario) !important;
}

.form-check-input:checked::after{
    border-color: var(--secundario) !important;
    background-color: var(--secundario) !important;
}

.border-secondary{
    border-color: var(--secundario) !important;
    border-width:5px !important;
}

.border-secondary-rounded{
    border-color: var(--secundario) !important;
    border-width:5px !important;
    border-radius: 15px !important;
}

.border-3 {
    border-width:3px !important;
}

.alert-custom{
    background-color:var(--primario) !important;
    color:var(--blanco) !important;
}

.alert-ommited{
    background-color:var(--gris) !important;
    color:var(--oscuro) !important;
}

.text-primary {
    color: var(--primario) !important;
}

.navegacion {
    scroll-snap-align: start;
    scroll-snap-stop: normal;
}

table {
    border-spacing: 0;
    width: 500px;
    }

    .bordered {
        border: solid #ccc 0px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        -webkit-box-shadow: 0 3px 3px #ccc;
        -moz-box-shadow: 0 3px 3px #ccc;
        box-shadow: 0 3px 3px #ccc;
        }

        .bordered td, .bordered th {
            border-left: 1px solid #ccc;
            border-top: 1px solid #ccc;
            padding: 10px;
            text-align: left;
            }

            .bordered th {
                background-color: #d7f2fb;
                background-image: -webkit-gradient(linear, left top, left
                bottom, from(#d7f2fb), to(#d7f2fb));
                background-image: -webkit-linear-gradient(top, #d7f2fb, #d7f2fb);
                background-image: -moz-linear-gradient(top, #d7f2fb, #d7f2fb);
                background-image: -ms-linear-gradient(top, #d7f2fb, #d7f2fb);
                background-image: -o-linear-gradient(top, #d7f2fb, #d7f2fb);
                background-image: linear-gradient(top, #d7f2fb, #d7f2fb);
                -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
                -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
                box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
                border-top: none;
                text-shadow: 0 1px 0 rgba(255,255,255,.5);
                }

                .bordered td:first-child, .bordered th:first-child {
                    border-left: none;
                    }

                    .bordered th:first-child {
                        -moz-border-radius: 20px 0 0 0;
                        -webkit-border-radius: 20px 0 0 0;
                        border-radius: 20px 0 0 0;
                        }
                        .bordered th:last-child {
                        -moz-border-radius: 0 20px 0 0;
                        -webkit-border-radius: 0 20px 0 0;
                        border-radius: 0 20px 0 0;
                        }
                        .bordered tr:last-child td:first-child {
                        -moz-border-radius: 0 0 0 20px;
                        -webkit-border-radius: 0 0 0 20px;
                        border-radius: 0 0 0 20px;
                        }
                        .bordered tr:last-child td:last-child {
                        -moz-border-radius: 0 0 20px 0;
                        -webkit-border-radius: 0 0 20px 0;
                        border-radius: 0 0 20px 0;
                        }