body{
    font-family: Arial;
    background:#f2f2f2;
    margin:20px;
}

h1{
    text-align:center;
}

.toolbar{
    text-align:center;
    margin-bottom:20px;
}

select{
    padding:10px;
    font-size:18px;
}

table{
    width:100%;
    border-collapse:collapse;
    background:white;
}

th{
    background:#003366;
    color:white;
}

td, th{
    border:1px solid #ccc;
    padding:10px;
    text-align:center;
}

tr:nth-child(even){
    background:#f9f9f9;
}

.gridTable{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
    background:white;
}

.gridTable th{
    background:#003366;
    color:white;
    padding:12px;
}

.gridTable td{
    border:1px solid #ccc;
    vertical-align:top;
    height:90px;
    padding:5px;
}

.periodCell{
    width:60px;
    text-align:center;
    vertical-align:middle;
    font-weight:bold;
    background:#f0f0f0;
}

.lessonCell{
    background:#eaf3ff;
}

.subject{
    font-weight:bold;
    font-size:15px;
    margin-bottom:5px;
}

.teacher{
    font-size:13px;
    color:#444;
}

.room{
    font-size:12px;
    color:#666;
}

.className{
    margin-top:5px;
    font-size:12px;
    color:#003366;
    font-weight:bold;
}

@media(max-width:900px){

    .gridTable{
        font-size:12px;
    }

    .subject{
        font-size:12px;
    }

}
.viewButtons{
    margin-bottom:15px;
}

.viewButtons button{

    padding:10px 20px;
    border:none;
    background:#cccccc;
    cursor:pointer;
    font-size:16px;
    margin-right:5px;
    border-radius:5px;

}

.viewButtons button.active{

    background:#003366;
    color:white;

}

.viewButtons button:hover{

    opacity:0.9;

}

#passwordBox{

    margin-top:10px;

}

#passwordBox input{

    padding:10px;
    font-size:16px;

}

#passwordBox button{

    padding:10px 15px;
    font-size:16px;
    cursor:pointer;

}
.validityBox{

    text-align:center;
    margin-bottom:20px;

    font-size:18px;
    color:#003366;

    background:white;
    padding:10px;

    border-radius:8px;

    box-shadow:0 2px 5px rgba(0,0,0,0.1);

}
.lessonBlock{

    margin-bottom:8px;
    padding-bottom:8px;

    border-bottom:1px dashed #999;

}

.lessonBlock:last-child{

    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0;

}