body {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
               background-color: #DCDBDF;
            color:#efefef;
        }

        main {
            flex-grow: 1;
        }

   
                h2{
                 color:#36454F;   
                }
                
        .navbar {
            background-color: #3A4759;
        }

        .navbar-brand {
            color: #F8D053;
            font-weight: bold;
        }

        .navbar-nav .nav-link {
            color: #F5F6FA;
        }

        .jumbotron {
            background-color: #393a4f;
            border-radius: 10px;
        }

        .display-4 {
            color: #3A4759;
        }

        .lead {
            color: #7F8FA4;
        }

 .form-group label {
        color: #000; /* Set the label color to white */
    }
        .btn-primary {
            background-color: #F8D053;
            border-color: #F8D053;
            color:#393a4f;
        }

        .btn-primary:hover {
            background-color: #F5C22E;
            border-color: #F5C22E;
        }

        .footer {
            background-color: #3A4759;
            color: #F5F6FA;
            padding: 20px 0;
        }
         .logo-img {
            max-width: 100%;
            height: auto;
        }


@keyframes logoAnimation {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.animated-logo {
    animation: logoAnimation 1s ease-in-out;
}

@keyframes flyInAnimation {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.animated-fly-in {
    animation: flyInAnimation 1s ease-in-out;
}

.black{
 color:#5b6777;   

}
#customerTable {
    background-color: white;
}

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

#customerTable tr:nth-child(odd) {
    background-color: #ffffff;
}


  .btn-circle {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 0;
    text-align: center;
    line-height: 30px;
  }