form {
      margin: 20px;
    }

    .form-control {
      border-color: rgb(0, 162, 232) !important;
    }

    /* Custom Button Styles */
    .btn-warning {
      background-color: rgb(237, 28, 36);
      border-color: rgb(237, 28, 36);
    }

    .btn-warning:hover {
      background-color: rgb(237, 28, 36);
      border-color: rgb(237, 28, 36);
    }

    .btn-warning:active {
      background-color: rgb(237, 28, 36);
      border-color: rgb(237, 28, 36);
    }

    .btn-warning:visited {
      background-color: rgb(237, 28, 36);
      border-color: rgb(237, 28, 36);
    }

    .btn-success {
      background-color: rgb(0, 162, 232);
      border-color: rgb(0, 162, 232);
    }

    .btn-success:hover {
      background-color: rgb(0, 162, 232);
      border-color: rgb(0, 162, 232);
    }

    .btn-success:active {
      background-color: rgb(0, 162, 232);
      border-color: rgb(0, 162, 232);
    }

    .btn-success:visted {
      background-color: rgb(0, 162, 232);
      border-color: rgb(0, 162, 232);
    }

    .btn-warning {
      background-color: rgb(0, 0, 0);
      border-color: rgb(0, 0, 0);
      color: white; /* Set text color to white for better visibility on dark background */
    }

    .btn-warning:hover {
      background-color: rgb(0, 0, 0);
      border-color: rgb(0, 0, 0);
      color: white; /* Set text color to white for better visibility on dark background */
    }

    .btn-warning:active {
      background-color: rgb(0, 0, 0);
      border-color: rgb(0, 0, 0);
      color: white; /* Set text color to white for better visibility on dark background */
    }

    .btn-warning:visited {
      background-color: rgb(0, 0, 0);
      border-color: rgb(0, 0, 0);
      color: white; /* Set text color to white for better visibility on dark background */
    }

    /* Custom Button Hover Styles */
    .btn-primary {
      background-color: rgb(0, 162, 232);
      border-color: rgb(0, 162, 232);
      outline: none;
    }

    .btn-primary:hover {
      background-color: rgb(0, 162, 232);
      border-color: rgb(0, 162, 232);
      outline: none;
    }

    .btn-primary:active {
      background-color: rgb(0, 162, 232);
      border-color: rgb(0, 162, 232);
      outline: none;
    }

    .btn-primary:click {
      background-color: rgb(0, 162, 232);
      border-color: rgb(0, 162, 232);
      outline: none;
    }

    .text-primary{
      color: rgb(0, 162, 232) !important;
    }

    .text-secondary{
      color: rgb(237, 28, 36) !important;
    }