* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

html{
  background-color: black;
}

a{
  color: #197013;
  text-decoration: none;
}


/* Header Section */
.header {
  background-color: #13704a;
  color: #e9f1ed;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header h1{
  font-size: 1.6rem;
}

.logo-title {
  display: flex;
  align-items: center;
}

.header .logo {
  margin-right: 10px;
  border-radius: 5px;
  height: 40px;
}

/* Menu */
.menu ul {
  list-style: none;
  display: flex;
}

.menu ul li {
  margin-right: 20px;
}

.menu a {
  color: #d9e7d7;
  text-decoration: none;
  font-weight: 400;
  /* padding: 8px 12px; */
  /* border-radius: 4px; */
}

.menu a:hover {
  color: #eff5ee;  
}


/* Dropdown Menu */
.dropdown {
  position: relative;
}

ul .dropdown-content {
  display: none;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #34495e;
  list-style: none;
  top: 25px;
  left: 0;
  padding: 0;
  border-radius: 5px;
  min-width: 150px;
}

.dropdown-content li {
  border-bottom: 1px solid #2c3e50;
}

.dropdown-content li:last-child {
  border-bottom: none;
}

.dropdown-content a {
  display: block;
  padding: 10px;
}

.dropdown:hover .dropdown-content {
  display: block;
}

/* Main Layout */
.main {
  display: flex;
  min-height: calc(100vh - 110px);
}

/* Sidebar */
.sidebar {
  width: 220px;
  background-color: #0a4e3d;
  padding: 20px 0px;
  border-right: 1px solid #ccc;
}
.sidebar.blank {
  width: 220px;
  padding: 20px;
  background-color: #fff !important;
  border-right: 1px solid #fff !important;
}

.sidebar ul {
  list-style: none;
}

.sidebar li {
  padding: 12px 15px;
  margin-bottom: 4px;
  font-size: 1.15em;
  background-color: #0002;
}

.sidebar a {
  text-decoration: none;
  color: #d4dcd6;
  font-weight: 500;
}

.sidebar li:hover{
  background-color: rgba(233, 237, 230, 0.8);
  color: #134520;
}


.sidebar li.active {
  background-color: #eee;
}


.sidebar li.active a{
  color: #134520;
}

/* Content Section */
.content {
  flex: 1;
  padding: 20px;
  background-color: #fff;
}

.title-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0px;                
    border-bottom: 2px solid #377242;
}


.content .title {
    /* margin: 5px 0px 15px 0px; */
    font-size: 1.8rem;
    color: #377242;
    padding: 0px 0px 0px 0px;
    /* border-bottom: 2px solid #377242; */
}

.content .sub-title {
  margin-bottom: 15px;  
  color: #085819;
}

/* Form Styling */
form {
  padding: 20px 0px;  
  border-radius: 8px;
  max-width: 700px;
}

.form-group {
    display: flex;
    align-items:start;
    margin-bottom: 25px;
}

.form-group > label {
    width: 170px;  
    margin-right: 20px;
    padding: 5px 10px;
    font-weight: bold;
    border-radius: 5px;
    background-color: #106b5411;
    background-color: #a2b7a711;
    color: #085819;
}

.form-group > input, .form-group > select, .form-group > textarea {
    flex: 1;               
    padding: 6px 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Checkbox and radio labels inline */
form input[type="checkbox"],
form input[type="radio"] {
  margin-right: 5px;
  margin-left: 10px;
}


/* Error */
.error, .success, .info{
  padding: 4px 10px;
  border-radius: 3px;
}
.error{
  background-color: #fcd6d6;
  color: #501212;
}

.success{
  color: #054805;
  background-color: #b1e7b1;
}

.info{
  background-color: #b1daee;
  color: #0f3250;
}

/* Button group */
.button-group {
  margin-top: 20px;
}

.button-group.ml{
  margin-left: 190px;
}

/* Buttons */
.btn {
  padding: 10px 18px;
  margin-right: 10px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  color: white;
  font-weight: 600;
  font-size: 14px;
  transition: background-color 0.3s;
}

.btn-sm{
  padding: 6px 12px;
  margin-right: 6px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: white;
  font-weight: 600;
  font-size: 12px;
  transition: background-color 0.3s;
}

/* Submit Button */
.btn-submit, .btn-success{
  background-color: #066d50;
}

.btn-submit:hover, .btn-success:hover {
  background-color: #044e39;
}


/* Clear Button */
.btn-clear {
  background-color: #ffcc00;
  color: #584706;
  
}

.btn-clear:hover {
  background-color: #f0c312;
  
}


/* Submit Button */
.btn-back {
  background-color: #32485e;
}

.btn-back:hover {
  background-color: #1a2633;
}


/* Delete Button */
.btn-delete {
  background-color: #dc3545;
}

.btn-delete:hover {
  background-color: #b02a37;
}


/* Info Button */
.btn-info {
  background-color: #396c9f;
}

.btn-info:hover {
  background-color: #173b5f;
}


/* Table */
table {
    border-collapse: collapse; 
    width: 100%;
}

table, th, td {
    border: 1px solid #13483a;
    border: 1px solid #0002;
}

th, td {
    padding: 5px 8px;
}
th{
    background-color: #1e5d4d;
    /* background-color: #13483a; */
    color: #fafafa;                
}
td{                
    /* background-color: #edf2ee; */
}

tbody tr:nth-child(odd) {
  background-color: #fff; 
}

tbody tr:nth-child(even) {
  background-color: #fcfcfe;
}

tbody tr td{
    padding: 8px 8px;
}


.action-td .seperator{
  color: #0005; 
  margin: 0px 3px;
}

.table-container{
  max-height: calc(100vh - 270px);
  overflow-y: auto;
  /* border: 2px solid #094435; */
  border: 2px solid #0001;
} 


/* Text Align */
.text-left{
  text-align: left;  
}
.text-center{
  text-align: center;  
}
.text-right{
  text-align: right;  
}

.mb-5{
  margin-bottom: 5px;
}



/* Status */

.label { font-weight: bold; color: #555; }
.status { font-weight: bold; text-transform: uppercase; }
.pending { color: #777; }
.accepted { color: #d38900; }
.in_progress { color: #007bff; }
.completed { color: green; }
.cancelled { color: red; }
.rejected { color: darkred; }



/* Footer Section */
footer {
  background-color: #0b2921;
  color: white;
  text-align: center;
  padding: 10px;
}