.error {
    color: red;
}

nav .navbar-brand
{
    /* size for brand */
    font-size: xx-large;
}

/* Colors for brand */
nav .navbar-brand .blue
{
    color: rgb(14, 148, 201);
}

main .form-control
{
    /* Center form controls */
    display: inline-block;

    /* Override Bootstrap's 100% width for form controls */
    width: auto;
}

main
{
    /* Scroll horizontally as needed */
    overflow-x: auto;

    /* Center contents */
    text-align: center;


}

main img
{
    /* Constrain images on small screens */
    max-width: 100%;
}


/* Horizontal Alignment of divs and other tags */
.parent
{
    text-align: center;
}

.child
{
    display: inline-block;
    vertical-align: middle;
    padding: 1rem 2rem;
    margin: 10px;
    border-radius: 10px;
}

/* Table CSS */
table {
    border-collapse: collapse;
    width: 100%;
  }
  
  td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
  }
  
  tr:nth-child(even) {
    background-color: #dddddd;
  }


  
  input[type=number]{
      width: 10rem;
  }



  .own:hover {

    box-shadow:
    inset 0 0 50px #fff,
    0 0 50px #fff
}

.zone-container {
    display: flex;
    justify-content: space-evenly;
    align-items: flex-center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 5%;
    margin-top: 0%;
}

.zone-child {
    margin: 0.75%;
}

.events-checkbox-flexbox {
    display: flex;
    justify-content: space-evenly;
    align-items: flex-center;
    flex-wrap: wrap;
    margin: 5%;
    margin-top: 0%;
}

.events-checkbox-flex {
    margin: 0.75%;
}