td, th {
  padding: 1px; /* Adds 15px padding inside all cells */
}
.custom-textbox {
        width: 350px;
        height: 40px;
        font-size: 12px;
    }
	.label {
  display: inline-block;
  width: 120px; /* Ensures all text boxes start at the same vertical line */
  text-align: right;
  margin-right: 10px;
}



  .form-row {
    display: flex;
    align-items: center;
    gap: 20px; /* Precise distance between label and text box */
    margin-bottom: 10px;
  }
  label {
    min-width: 100px; /* Ensures all text boxes start at the same point */
  }



        /* Reset */
        * { margin:0; padding:0; box-sizing:border-box; }

        body { background-color: lightblue; font-family: Arial, sans-serif; }

        /* Header */
        .header-section { background-color: #ffffff; }
        .header-top { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; flex-wrap: wrap; }
        .logo { display: flex; align-items: center; gap: 10px; }
        .logo img { height: 50px; }
        .logo p { font-weight: bold; font-size: 18px; }

        .user-info { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; }
        .user-info a { text-decoration: none; color: black; display: flex; align-items: center; gap:5px; }
        .user-info img { border-radius: 50%; }

        /* Navigation */
        .header-bottom { background-color: #333; }
        .main-menu { list-style: none; display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }
        .main-menu li a { display: block; padding: 10px 15px; text-decoration: none; color: white; }
        .main-menu li a.active, .main-menu li a:hover { background-color: #555; border-radius: 5px; }

        /* Hamburger menu for small screens */
        .menu-toggle { display: none; cursor: pointer; font-size: 24px; color: white; }
        @media(max-width:768px) {
            .main-menu { display: none; flex-direction: column; width: 100%; }
            .main-menu li { text-align: center; }
            .menu-toggle { display: block; position: absolute; top: 15px; right: 20px; }
        }
 



.errorWrap {
    padding: 10px;
    margin: 0 0 20px 0;
    background: #dd3d36;
    color:#fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
.succWrap{
    padding: 10px;
    margin: 0 0 20px 0;
    background: #5cb85c;
    color:#fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
       .main-menu {
    display: none;
    flex-direction: column;
}

/* Show menu when toggled */
.main-menu.show {
    display: flex;
}

/* Hamburger icon */
.menu-toggle {
    cursor: pointer;
    font-size: 28px;
    display: block;
}

/* Desktop view */
@media (min-width: 768px) {

    .main-menu {
        display: flex !important;
        flex-direction: row;
    }

    .menu-toggle {
        display: none;
    }
}