*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'poppins' , sans-serif;
}
p{
    font-size: 19px;
    padding-bottom: 5px;
}
nav{
    width: 100%;
    height: 50px;
    background-color: #009688;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
nav ul{
    display: flex;
}
nav ul li {
    margin: 0 6px;
    list-style: none;
}
nav ul li a{
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}
nav ul li a:hover{
    color: red;
    font-weight: 600;
    text-decoration: none;
}
nav ul li a:active{
    color: yellow;
    font-weight: 600;
    text-decoration: none;
}

.w3-sidebar a:hover{
    background-color: #9099a2;
    border-radius:2px;
}
.w3-sidebar .active{
    background-color: #009688;
    color: rgb(226, 242, 3);
    font-weight: 600;
    border-radius:2px;
}


/* W3.CSS 4.15 December 2020 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */

.w3-sidebar{height:100%;width:220px;background-color:#d1e0e0;position:fixed!important;z-index:1;overflow:auto}

.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left;}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}

.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}

.w3-teal,.w3-hover-teal:hover{
    color:#fff!important;
    background-color:#009688!important;
    font-size:1.4rem;
}

.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}

/*  table css */
table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

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

tr:hover {
    background-color: coral;
}



@media (max-width:992px) and (min-width:601px){
    .w3-hide-medium{
        display:none!important;
    }
}
@media (min-width:993px){
    .w3-modal-content{
        width:900px;
    }
    .w3-hide-large{
        display:none!important;
    }
    .w3-sidebar.w3-collapse{
        display:block!important;
    }
}
@media (max-width:992px){
    .w3-sidebar.w3-collapse{
        display:none
    }
    .w3-main{
        margin-left:0!important;
        margin-right:0!important;
    }
    .w3-auto{
        max-width:100%;
    }
    .w3-main .container{
        padding: 12px;
    }
    
}