.diada{

    position: fixed;

    bottom: 1vw;

    right: 1vw;

}

.diada-L{

    position: fixed;

    bottom: 1vw;

    left: 2vw;

}

.title{

    position: fixed; 

    left: 45%;

    top: 20%;

    width: 50%;

    transform: translate(0%, -20%);

    font-family: Calibri, Arial, sans-serif;

    color: rgb(60, 69, 84);

    text-align: center;

}



.title1{

	color: red; 

	font-weight: 700; 

	font-size: 8vw; 

	letter-spacing: 3.7vw; 

}



.title2{

	font-size: 4vw; 

	margin-left: -2vw;

	margin-top: 7vw;

}

.title3{

	font-size: 2.4vw; 

	margin-left: -2vw;

	margin-top: 11vw;

}



.intro{

   background-color: white;

}

.login-form{

    position: fixed;

    left: 68%;

    top: 65%;

    transform: translate(-50%, -30%);

    border: 2px solid rgb(60, 69, 84);

    padding: 20px;

    border-radius: 20px;

    color: white;

    font-family: Calibri, Arial, sans-serif;

    color: white;   

}

.login-form table{

	text-align: right;

}



.login-form table td{

	font-family: Calibri, Arial, Sans-serif; 

	color: rgb(60, 69, 84); 

	font-size: 2.5vw;

	padding-left: 1vw; 

	padding-top: 15px;

}

.login-input{

	width: 150px; 

	height: 35px; 

	font-size: 1vw;

}

.empty-info{
    position:absolute;
    bottom: 7vw;
    right: 19vw;
    font-family: Calibri, Arial, Sans-serif; 
	color: white;
    background-color: red;
	font-size: 1.5vw;
    padding-left: 1vw;
    padding-right: 1vw;
}

.note{
    position:absolute;
    font-family: Calibri, Arial, Sans-serif; 
    font-size:1vw;
    font-style: italic;
    bottom: 5vw;
}

.note a{
    font-style: normal;
    font-weight: 700;
    color: white;
    line-height: 2.5vw;
}

.form-button{
    width: 6vw;
    font-size: 0.7vw;
}

.form-container{
    text-align:right;
}

.exit{
    font-family: Calibri, Arial, Sans-serif; 
	color: rgb(60, 69, 84); 
	font-size: 2.5vw;
	padding-left: 1vw; 
}

.content{
    position:absolute;
    left: 17vw;
    width: 80vw;
    border: 1px solid black;
    height: 96vh;
    font-family: Calibri, Arial, Sans-serif; 
    padding: 10 10 10 10 ;
    overflow-y: scroll;
}

nav{
    position:absolute;
    width: 15vw;
    height: 96vh;
    background-color: rgb(60, 69, 84);
    color: white;
    font-family: Calibri, Arial, Sans-serif; 
    padding: 10 10 10 10 ;
}

.menu-selected a:link{
    color: rgb(60, 69, 84);
    text-decoration-line: none;
    font-weight: 700;
}

.menu-nonselected a:hover{
    color: gray;
    text-decoration-line: none;
    font-weight: 700;
}

.menu-nonselected a{
    color: white;
    text-decoration-line: none;
    font-weight: normal;
}

.menu-selected{
    background-color: white;
}

.menu-nonselected{
    background-color: rgb(60, 69, 84);
}

.menu {
    width: 100%;
}
.menu td{
    padding: 5 5 5 10;
}

.section-title{
    font-weight: 700;
    font-size:1.3vw;
    margin-bottom: 1vw;
}

.reportlist{
    border: 1px solid black;
    border-collapse: collapse;
    cursor: pointer;
}

.reportlist th{
    text-align: left;
    border: 1px solid black;
    background-color: navy; 
    color: white;
    padding-left: 10px;
}

.reportlist td{
    text-align: left;
    border: 1px solid black;
    color: black;
    padding-left: 10px;
}

h1{
    color: black;
    font-family: 'Play', sans-serif;
    font-size: 1.2vw;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
}

h2{
    color: black;
    font-family: 'Play', sans-serif;
    font-size: 1vw;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
}

h3{
    color: red;
    font-family: 'Play', sans-serif;
    font-size: 0.9vw;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
}