body {height:100%;}

.h2, h2, h1 {
    text-align: center;
    padding: 20px;
    text-transform: uppercase;
}
.bg-dark {
    background-color: #25252A!important;
}

.navbar-dark .navbar-nav .nav-link {
    color: #FFFFFF;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #2C72B8;
}

.btn-primary {
    background-color: #2C72B8;
    border-color: #2C72B8;
    padding: 15px;
 
}

.fa {color:#8d8d8d;}
.fa:hover{color:black;}
.fa-times {color:lightcoral;}
.fa-times:hover {color:red;}

.blocks {margin-top:50px; }

 table {
        border-collapse: collapse;
        width: 100%;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);   
        margin: auto;
        margin-bottom: 20px;
    }
 th, td {
        padding: 8px;
        text-align: center;
        border-bottom: 1px solid #ddd;
       /* min-width: 15vh;*/

    }

    th {
        background-color: #2C72B8;
        color: white;
    }

    tr:hover {
        background-color: #f5f5f5;
    }

    .finished-row {
        background-color: #aafca6; /* Adjust the color code to your desired shade of green */
    }
        
    .unfinished-row {
        background-color: #ffc966; /* Adjust the color code to your desired shade of orange */
    }

    .content {
        flex-grow: 1;
        margin-bottom:50px;
    }

.loginPage{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 50%;
        margin: 0 auto;
        padding: 20px;
        border: 1px solid #ccc;
        border-radius: 10px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); 
}

      .mainForm {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 80%;
        margin: 0 auto;
        padding: 20px;
        border: 1px solid #ccc;
        border-radius: 10px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
      }

mainForm.edit_form {
            display: inherit;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 80%;
            margin: 0 auto;
            padding: 20px;
            border: 1px solid #ccc;
            border-radius: 10px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        }

    label {
        display: block;
        margin-bottom: 10px;
        font-weight: bold;
        font-size: 1.1rem;
      }

      input[type="text"],
      input[type="date"],
      input[type="password"],
      input[type="email"],
      textarea {
        width: 50%;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
        margin-bottom: 20px;
        text-align: center
      }

      input[type="submit"] {
        background-color: #008CBA;
        color: white;
        border: none;
        border-radius: 5px;
        padding: 10px 20px;
        font-size: 1.1rem;
        cursor: pointer;
      }

      input[type="submit"]:hover {
        background-color: #006B9F;
      }


    .footer {
        background-color: #25252A;
        padding: 20px 0;
        flex-shrink: 0;
        color:#FFFFFF;
    }