@import url('normalize.css');
@import url('bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

body {
    font-family: 'Poppins', sans-serif;
    margin: 0 auto;
    padding: 0px;
    font-weight: 300;
    font-size: 18px;
    overflow: auto;
    height: 100vh;
    background: #cecece;
}

.bg-gradiente {
    height: auto;
    background: #cecece;
}

.bg-secondary {
    background-color: #010f69 !important
}

.base {
    color: white;
    border-radius: 15px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 80%;
}

.contenedor {
    /*box-shadow: 0px -1px 50px 7px rgba(0,0,0,0.3);*/
    height: 100vh;
}

.centro {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cont-grande {
    margin-top: 130px;
}

.titulo {
    font-weight: 600;
    width: max-content;
    font-family: "Nunito", Sans-serif;
}

.login {
    background: rgba(255,255,255,0.9);
    border-radius: 5px;
}

.btn-registro {
    border-radius: 7px 0px 0px 7px;
    padding: 10px;
}

.btn-registro, .btn-login {
    text-align: center;
    width: auto;
    transition: 0.5s;
}

.btn-primary:hover {
    background-color: #a9a9a9;
    border-color: #a9a9a9;
}

.btn-registro {
    background: rgb(255 255 255 / 20%);
}

/*    .btn-registro:hover {
        background: #5c30a5;
    }*/

a:hover {
    color: #ffffff;
}

.btn-login {
    border-radius: 0px 7px 7px 0px;
    padding: 10px 15px !important;
    background: #C19044;
    /*background: rgb(255 255 255 / 48%) !important;*/
    font-weight: 400 !important;
    box-shadow: 0px 9px 5px 0px #00000000 !important;
}

.text-white-50 {
    color: rgb(255 255 255) !important;
}

.textbox, input[type="date" ], select {
    background: white;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    color: rgb(0 0 0);
    width: 100%;
    font-weight: 200;
    transition: 0.5s;
    border-radius: 7px;
    padding: 5px;
}

.border-secondary {
    border-color: #ffffff !important;
}

table {
    max-width: none;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

.btn-primary {
    color: #000;
    background-color: #cecece;
    border-color: #cecece;
    font-weight: 500;
    border-radius: 35px;
}



.table {
    width: auto;
    height: auto;
    margin-bottom: 20px;
}

    .table th, .table td {
        width: auto;
        height: auto;
        padding: 8px;
        line-height: 20px;
        text-align: left;
        vertical-align: top;
        border-top: 1px solid #dddddd;
    }

    .table th {
        width: auto;
        height: auto;
        font-weight: bold;
    }

    .table thead th {
        vertical-align: bottom;
    }

.abs-center {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.form {
    width: 450px;
}

.text-black {
    color: black;
}

.letrita {
    font-size: 8px;
}

.checkb {
    height: 15px;
}

option {
    display: inline-flex;
    font-size: 1.1rem;
    width: 100%;
    font-weight: 400;
    color: #000000;
    background-color: #fff;
    border: none;
    border-radius: 7px;
    transition: 0.5s;
    margin-bottom: 3rem !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none !important;
    box-shadow: 0 0 0 0.25rem rgba(255, 0, 0, 0) !important;
    height: 35px;
    padding: 5px;
}

select {
    display: inline-flex;
    font-size: 1.1rem;
    width: 100%;
    font-weight: 400;
    color: #000000;
    background-color: #fff;
    border: none;
    border-radius: 7px;
    transition: 0.5s;
    margin-bottom: 3rem !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none !important;
    box-shadow: 0 0 0 0.25rem rgba(255, 0, 0, 0) !important;
    height: 35px;
    padding: 5px;
}

.form-control {
    display: inline-flex;
    font-size: 1.1rem;
    width: 100%;
    font-weight: 400;
    color: #000000;
    background-color: #fff;
    border: none;
    border-radius: 7px;
    transition: 0.5s;
    margin-bottom: 3rem !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none !important;
    box-shadow: 0 0 0 0.25rem rgba(255, 0, 0, 0) !important;
    height: 35px;
    padding: 5px;
}

.form-control2 {
    display: inline-flex;
    font-size: 1.1rem;
    width: 100%;
    font-weight: 400;
    color: #000000;
    background-color: #fff;
    border: none;
    border-radius: 7px;
    transition: 0.5s;
    margin-bottom: 0rem !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none !important;
    box-shadow: 0 0 0 0.25rem rgba(255, 0, 0, 0) !important;
    height: 35px;
    padding: 5px;
}

.center {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.action-button {
    width: auto;
    background: #031c5c;
    color: white;
    border: 0 none;
    border-radius: 5px;
    cursor: pointer;
    padding: 5px 15px;
}

.btn {
    box-shadow: 0px 0px 0px 1px #ffffff;
}

.btn {
    display: inline-block;
}

.btnR {
    width: 15% !important;
}

.row {
    border-radius: 7px;
    border: white;
    margin-top: 5px;
    justify-content: center;
    align-items: center;
}

a {
    color: #f8f9fa;
    text-decoration: underline;
}

/*Tamañito :)*/

.Tfechas {
    padding: 0px 13px 0px 13px;
}

/*Ajuste de los recuadritos :)*/

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.Rprimario {
    padding-right: 5px;
}

.Lsegundario {
    padding-left: 5px;
}

/*Ajuste de las lineas del registro :)*/

.linearegistro {
    margin-bottom: 3px;
    border-bottom: solid 2px #ffffff;
    width: 235%;
}

.cuadroci {
    display: flex;
    align-items: center;
    margin-bottom: 2px;
    justify-content: center;
    margin-top: 5px;
}

/*Responsive time*/

@media (max-width: 950px) {
    .Tfechas {
        padding: 0px 0px 0px 10px;
    }

    .Rprimario {
        padding-right: 0px;
        margin-bottom: 7px !important;
    }

    .Lsegundario {
        padding-left: 0px;
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1420px) {
    .contenedor {
        height: 120vh;
    }
}

@media (max-width: 1403px) {
    .btnR {
        width: 25% !important;
    }

}

@media (max-width: 576px) {
    .base {
        height: 75vh;
    }
}