@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");

body {
  background-color: #020b14 !important;
  font-family: "Poppins", sans-serif;
}

.switchdate{
    border: none;
    border-radius: 20px;
    background-color: #43bcff;    
    cursor: pointer;
    margin: 0px 10px;
}

.login .card {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10%;
  background-color: #1e293b !important;
  width: fit-content;
}
.login .card .card-body {
  text-align: center;
}

.login .card .card-body h1 {
  margin-top: 20px;
  color: #fafafa;
}

.login .card .card-body form {
  margin-top: 40px;
}

.login .card .card-body form input {
  margin-top: 10px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
}

.navbar a img {
  text-align: center;
}

.navbar .navbar-toggler,
.navbar .navbar-toggler:focus {
  outline: none;
  box-shadow: none;
  border: none;
}

.navbar .navbar-nav .nav-item a {
  color: #fafafa;
  font-size: 15px;
  margin-left: 15px;
}

.navbar .navbar-nav .dropdown .dropdown-menu a {
  color: #000;
  font-size: 15px;
  margin-left: 0px;
}

.dashboard .head h1 {
  font-size: 25px;
  color: #fafafa;
}

.dashboard .totalPresent {
  margin-top: 50px;
}

.dashboard .card {
  background-color: #1e293b;
  border-radius: 5px;
}

@media (max-width: 992px) {
  .dashboard .card {
    margin-bottom: 20px;
  }
}

.dashboard .card .card-body h5 {
  color: #fafafa;
}

.dashboard .studentReport form input {
  background-color: transparent;
  box-shadow: none;
  outline: none;
  border: 1px solid #fafafa;
  color: #fafafa;
}

.dashboard .studentReport form input::placeholder {
  color: #fafafa;
}

.addMembers h1 {
  font-size: 25px;
  color: #fafafa;
}

.addMembers form {
  margin-top: 20px;
  color: #fafafa;
}

.addMembers form label span {
  margin-right: 8px;
}

@media (max-width: 425px) {
  .addMembers form label {
    font-size: 13px;
  }
}

.addMembers form input,
.addMembers form select {
  margin-top: 10px;
  margin-bottom: 30px;
  background-color: transparent;
  box-shadow: none;
  outline: none;
  border: 1px solid #fafafa;
  height: 50px;
  color: #fafafa;
}

.addMembers form input:focus,
.addMembers form select:focus {
  background-color: transparent;
  box-shadow: none;
  outline: none;
  border: 1px solid #00a5e6;
  color: #fafafa;
}

.addMembers form input::placeholder {
  color: #fafafa;
}

.addMembers form select option {
  background-color: #1e293b;
}

.addMembers form button {
  margin-top: 10px;
}

.Members h1 {
  font-size: 25px;
  color: #fafafa;
}

.Members table {
  border-radius: 10px;
  margin-top: 10px;
  background-color: #1e293b;
  color: #fafafa;
}

.Members table thead tr {
  margin-top: 30px;
}

.Members table tbody tr:hover {
  background-color: #4cc2c2;
}

.Members table tbody tr td,
.Members table tbody tr:hover td {
  color: #fafafa !important;
}

.Members table input {
  padding-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #192332;
  border: none;
  height: 30px;
  color: #fafafa;
  border-radius: 8px;
}

.Members table input:focus {
  outline: none;
}

.Members .addAttendance input {
  background-color: #192332;
  border: none;
  height: 50px;
  color: #fafafa;
  border-radius: 8px;
  padding-left: 10px;
  margin-right: 10px;
}

.Members .addAttendance input:focus {
  outline: none;
}

.accountSettings h1 {
  font-size: 25px;
  color: #fafafa;
}

.accountSettings form label{
  color: #fff;
}

.accountSettings form input{
  margin-bottom: 30px;
  background-color: transparent;
  box-shadow: none;
  outline: none;
  border: 1px solid #fafafa;
  height: 50px;
  color: #fafafa;
}

.accountSettings form input:focus{
  background-color: transparent;
  box-shadow: none;
  outline: none;
  border: 1px solid #00a5e6;
  color: #fafafa;
}

.accountSettings form input::placeholder {
  color: #fafafa;
}

#messbox {
  padding: 100px;
}