/* DASHBOARD DE PADRES*/
*{
    font-family:sans-serif;
}
.fa-solid{
	cursor:pointer;
}
table{

    border:1px #014179 solid;
    border-collapse: collapse;
    margin:auto;  
		margin-top:100px;
	width:30%;
}
table thead tr td{
    text-align: center;
    font-size:40px;
    background-color:#014179;
    color:white;
    padding:10px;
    
}
thead{	
	width:100%;
}
tbody{
	width:100%;
}
table tbody tr td{
	padding-top:20px;
	padding-bottom:20px;

}
table tbody tr td:nth-child(2), table tr td:nth-child(3) {
		width:20%;
}
table tbody tr td:nth-child(1){
width:70%;
  font-size:20px;
  padding-left:10%;
}
#añadir{
    text-align:center;
	background-color:white;
    border-top:1px #014179 solid;
    padding-left:0px;
	padding-right:0px;
    
}
table tbody tr:nth-child(odd){
    background-color:rgb(219, 219, 219);
}
form div.formItem {
    margin: 10px auto;
    text-align: center;
}
div.formItem input, 
div.formItem select, 
div.formItem textarea {
    display: block;
    margin: auto;
    min-height: 20px;
    min-width: 198px;
    border: 1px solid gray;
    border-radius: 5px;
    background-color: white;
}

div.formItem input[type="file"] {
    border: 0;
    border-radius: 0;
    background-color: aliceblue;
}

form {
    width: 398px;
    border: 1px solid gray;
    border-radius: 5px;
    margin: 1em auto;
    padding: 10px;
    color: #014179;
    background-color: aliceblue;
}

label {
    text-align: left;
}

div.formItem input[type="checkbox"] {
    min-width: 20px;
    display: inline-block;
    position: static;
}

@media (max-width:575.98px) {
    form {
        width: 82.77777777777778%;
        padding: 3.355704697986577%;
    }
	thead{
		display:none;
	}
	table{
		margin-top:0px;
		width:100%;
		height:80vh;
	}
	 form {
        width: 100%;
		margin: 0em auto;
		height:100vh;
        padding: 3.355704697986577%;
    }
}

                --------------------------LOGIN------------------

.formLogin {
	font-family:sans serif, Open-sans;
    width: 398px;
    border: 1px solid gray;
    border-radius: 5px;
    margin: 6em auto;
    padding: 10px;
    color: #014179;
    background-color: aliceblue;
}

.formLogin h3{
	text-align:center;
	margin-bottom:30px;
}
#imgLogin{
	background-color:red;
	width:150px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	margin-bottom:20px;
}

.imgLogin{
	width:100%;
}
.formLogin div.formItemLogin {
    cursor: pointer;
    margin: 10px auto;
    text-align: center;
}

.formLogin div.formItemLoginError{
    margin: 10px auto;
    text-align: center;
    display:none;
    color:red;
}

.formLogin div.formItemLogin label{
	text-align:left;
}

div.formItemLogin input {
    display: block;
    margin: auto;
	margin-top:5px;
    min-height: 20px;
    min-width: 198px;
    border: 1px solid gray;
    border-radius: 5px;
    background-color: white;
}

.btn-info{
  min-width: 210px;
}

div.formItemLogin input[type="checkbox"] {
    min-width: 20px;
    display: inline-block;
}

@media (max-width:575.98px) {
    .formLogin {
        width: 100%;
		margin: 0em auto;
		height:100vh;
        padding: 3.355704697986577%;
    }
}