@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');

body{
    background-color: rgb(210,210,210);
    font-family: 'Poppins', sans-serif;
}

/* MAIN CENTER */
.main{
    display:flex;
    justify-content:center;
    align-items:center;
    height:90vh;
}

/* LOGIN BOX */
.login-container{
    width:500px;
    border:2px solid;
    border-radius:10px;
    padding:50px;
    background-color:rgb(240,240,240);
}

/* ICON */
.lock-icon{
    font-size:50px;
    margin-left:43%;
    margin-bottom:20px;
}

/* ACCOUNT CONTAINER */
.accounts-container,
.user-details{
    width:95%;
    margin-top:20px;
    background-color:rgb(240,240,240);
    padding:40px;
    border:2px solid;
    border-radius:10px;
    height:80vh;
}

/* TABLE */
.task-list{
    font-size:14px;
    width:100%;
}

/* TABLE SCROLL */
.table-responsive{
    max-height:65vh;
    overflow-y:auto;
}

/* PASSWORD BOX */
.password-field{
    width: 110px;
    min-width: 110px;
    max-width: 110px;
    text-align: center;
    padding: 2px 6px;
    font-size: 13px;
}

.password-field{
    width: 110px;
    min-width: 110px;
    max-width: 110px;
    text-align: center;
    padding: 2px 6px;
    font-size: 13px;
}
}

/* TABLE BUTTONS */
.table button{
    width:35px;
    height:32px;
    font-size:15px;
}

/* LINKS */
.link-show{
    text-decoration:underline;
    color:blue;
}

.link-show:hover{
    text-decoration:none;
    color:rgb(90,90,90);
    cursor:pointer;
}