.pct-login-container, .pct-dashboard-container {  
    max-width: 100%;  
    margin: 50px auto;  
    padding: 20px;  
/*    border: 1px solid #ddd;  */
    border-radius: 8px;  
/*    background-color: #f9f9f9;  */
}  

input[type="email"], input[type="password"], input[type="submit"], .password-field {  
    width: 100%;  
    padding: 10px;  
    margin: 10px 0;  
}  

.pct-dashboard-container {  
    display: flex;  
}  

.pct-sidebar {  
    width: 25%;  
    border-right: 1px solid #ddd;  
}  

.pct-content {  
    width: 75%;  
    padding-left: 20px;  
}  

.pct-menu {  
    list-style-type: none;  
    padding: 0;  
}  

.pct-menu li {  
    padding: 10px;  
}  

.pct-menu li.active {  
    background-color: #30706A;  
    color: white;  
}  

.pct-menu li a {  
    text-decoration: none;  
    color: #333;  
    display: block;  
}  

.pct-menu li.active a {  
    color: white;  
}  

table {  
    width: 100%;  
    border-collapse: collapse;  
    margin-top: 20px;  
}  

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

th {  
    background-color: #f2f2f2;  
}  

.remove-me {
    cursor: pointer;
}
.password-container {
    position:relative;
    width: 100%;
  }
.toggle-password{
    cursor: pointer;
    position: absolute;
    top: 28%;
    right: 20px;
  }
  .toggle-password i {
    color: #697a8d;
}
a:focus{
    outline: none !important;
}
@media (max-width: 768px) {  
    .toggle-password{
        top: 30%;
    }
    .pct-dashboard-container {  
        flex-direction: column;  
    }  

    .pct-sidebar {  
        border-right: none;  
        border-bottom: 1px solid #ddd;  
        width: 100%;  
    }  

    .pct-content {  
        width: 100%;  
        padding-left: 0;  
    }  
}