/* FONTS */
@font-face {
	font-family: 'flexReg';
    src: url(../fonts/Flexo-Regular.ttf);
    font-weight: 100;
}
@font-face {
	font-family: 'flexBold';
    src: url(../fonts/Flexo-Bold.otf);
    font-weight: 100;
}
*{
	border: 0;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.wow:first-child {
    visibility: hidden;
}
body{
    font-family: 'flexReg';
}
.visor{
    width: 100%;
}
.visor img{
    width: 100%;
    display: block;
}

.form{
    max-width: 1000px;
    margin: 0 auto;
    padding: 1rem;
}
.grid-form{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    margin: 4rem 0;
}
.grid-form div{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.grid-form div img{
    margin-right: 1rem;
}

/*Campos de Formulario*/
input[type=text]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=email]:not(.browser-default), input[type=date]:not(.browser-default)
{
    border: 1px solid #000;
    border-radius: 1rem;
    padding: 0 19px;
    width: 100%;
    color: #000;
    font-size: 19px;
    
}

/* label underline focus color */
input:not([type]):focus:not([readonly]),input[type=text]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly])
{
    border-bottom: 1.5px solid #0049AF;
    -webkit-box-shadow:0 1.5px 0 0 #0049AF;
    box-shadow:0 1.5px 0 0 #0049AF;
    
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default)
{
    text-transform: uppercase;
}

label#lbl_ciclo, label#lbl_carrera, label#lbl_gacademico, label#lbl_elaboral, label#lbl_horario
{
    color: #0049AF;
    font-size: 20px;
    font-weight: bold;
}

label.descripcion_congreso, label.descripcion_formulario, label.descripcion_conf_registro {
    color: #0049AF;
    font-size: 24px;
    line-height: 1.2;
}

label.descripcion_formulario {
  
    font-size: 38px;
}

.fontfamily_flexbold{

    font-family: 'flexBold';
}

.waves-input-wrapper {
    border-radius: 3.2em;
}

.filas_form
{

    margin-bottom: unset;

}

.input-field.col.s12.m12.l12 
{
    margin-top: unset;
    padding-left: 0;
}

/*Border bottom de lista desplegable*/
.select-wrapper input.select-dropdown:focus, .select-wrapper input.select-dropdown:not(.browser-default)
{

    border-bottom:1px solid #0049AF;
    color: #0049AF;
}

.dropdown-content li>a, .dropdown-content li>span
{

    color: #0049AF;
    font-size: 19px;
}

/* label focus color */
.input-field label 
{
    color: #0049AF;
    font-size: 24px;
    font-weight: bold;
}

[type="checkbox"]:checked+span:not(.lever):before
{
    border-right: 2px solid #0049AF;
    border-bottom: 2px solid #0049AF;
}

[type="checkbox"]+span:not(.lever)
{
    color: #0049AF;
    font-size: 18px;
}

::placeholder{
    color: #0049AF;
}

.politicas{
    color: #0049AF;
    font-size: 15px;
}

#btn_registrar,#btn_regresar
{
    background: #0049AF;
    color: #fff;
    cursor: pointer;
    font-size: 21px;
    font-family: 'flexBold';
    font-weight: bold;
    border-radius: 1rem;

}

.chk{
    float: left;
    height: 20px;
    width: 20px!important;
    margin-right: 10px;
}

.confirmacion_registro > center >span{
    color:#000000c2;
    font-size: 35px;
    font-family: 'flexBold';
    margin: 5rem;
    text-align: center;
}

/*ADMIN*/
.adm-header{
    background: #0049AF;
    color: #fff;
    padding: 1rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.datos{
    padding: .5rem;
}
table{
    font-size: 12px;
    width: 100%;
}
table tr:nth-child(even){
    background: #f1f1f1;
}
td{
    padding: .5rem;
    text-transform: uppercase;
}
.th{
    background: #0049AF;
    color: #fff;
    font-size: 17px!important;
}
.exportar{
    background: #fff;
    border-radius: .2rem;
    color: #0049AF;
    padding: .5rem;
}

/* admin */
.login-wrapp{
    width: 100%;
    padding: 1rem;
}
.login{
    margin: 5rem auto;
    padding: 4rem;
    width: 40%;
    border: 1px solid rgba(0, 73, 175, .3);
}
.login input{
    margin-bottom: 2rem;
}
.login p{
    font-size: 25px;
    color: #0049AF;
    text-align: center;
    margin-bottom: 3rem;
}
.login .txts{
    font-size: 15px;
}
.login .btn{
    background: #0049AF;
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
}

/* live */
.live-grid{
    display: grid;
    grid-template-columns: 65% 33%;
    gap: 2%;
    margin: 2rem 1rem;
}
.live-grid form{
    background: #0049AF;
    padding: 1rem;
}
.live-grid form input{
    margin-bottom: .2rem;
    border-radius: .2rem;
    padding: .5rem;
    font-size: 15px;
}
.live-grid form select{
    font-size: 15px;
    border-radius: .2rem;
    margin-bottom: .2rem;
}
.live-grid .politicas{
    color: #fff;
    font-size: 11px;
    margin: 1rem 0;
}
.live-grid .btn{
    cursor: pointer;
    font-family: 'flexBold';
    -webkit-appearance: none;
    background: #fff;
}
.live-grid p{
    color: #fff;
    font-size: 25px;
    font-family: 'flexBold';
    text-align: center;
}
.t1{
    font-size: 17px!important;
}
.t2{
    font-size: 15px!important;
    margin-bottom: 1rem;
}
iframe{
    background: #0049AF;
    padding: 1rem;
}
.session{
    background: #fff;
    border-radius: 0 0 0 1rem;
    color: #0049AF;
    position: absolute;
    padding: 1rem;
    right: 0;
}
.session a{
    color: #EF5350;
    text-decoration: none;
}
footer{
    background: #0049AF;
    color: #fff;
    font-size: 25px;
    margin-top: 3rem;
    padding: 2.5rem;
    text-align: center;
}
/*QUERIES*/
@media screen and (max-width: 736px){
    .grid-form{
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .boton{
        width: 100%;
    }
    .live-grid{
        grid-template-columns: 1fr;
    }
    .login{
        width: 100%;
        padding: 2rem;
    }
    iframe{
        height: 400;
    }
}
@media screen and (max-width: 414px){
    iframe{
        height: 320;
    }
    .session{
        width: 100%;
    }
}